Czy wiesz, że możesz ułatwić sobie pracę, korzystając z internetowych generatorów stylów?

Dzisiaj będzie o chodzeniu na skróty. Czasami przychodzi taki moment, że musimy dokonać karkołomnych czynów w css/scss. Zrobić jakąś ramkę, cień czy dzióbek do tooltipa. W tego typu sytuacjach możemy się popisać znajomością takich własności jak: radial-gradient
, clip-path
czy cubic-bezier
. A co jeśli nie przerobiliśmy tutoriali do końca, ani nie mieliśmy okazji ich jeszcze użyć?
W takim momencie warto mieć świadomość, że istnieją internetowe generatory stylów, które mogą przyspieszyć naszą pracę. Możemy za ich pomocą szybko wyklikać interesującą nas ramkę, a później wygenerowany kod przenieść do stylów. Warto oczywiście przed kopiowaniem zagłębić się w kod i go zrozumieć, a nie tylko bezmyślnie kopiować. Zrozumienie wygenerowanego kodu ułatwi nam w przyszłości dokonywanie podobnych zmian.
Poniżej znajduje się kilka przykładowych internetowych generatorów:
- Generowanie fancy ramek,
- Obcinanie krawędzi,
- Generowanie cieni pod obiektami i tekstami,
- Generowanie krzywych do animacji.