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.

💡 "Czy wiesz, że?" to wewnątrzfirmowa inicjatywa, której celem jest szerzenie ciekawostek z różnych obszarów IT. Najlepsze z nich trafiają na bloga dla szerszego grona odbiorców.