Всегда удобно иметь под рукой css инструменты, который в значительной мере ускоряют процесс работы. Я имею в виду, к примеру, генератор css градиента, тени, кнопки и пр. Конечно, много из этого может показаться бесполезным. Но на этот раз, мне кажется, что эти css онлайн-генераторы окажут вам помощь.
CSS Filter playground
Просто меняйте расположение ползунков и получайте результат. Подробнее о фильтрах вы можете почитать в развернутой статье про CSS фильтры.
See the Pen
CSS Filter playground by Kalimah Apps (@khr2003)
on CodePen.
CSS Transform Playground
Легким движением руки искажайте веб-элемент так, как вам нужно. Удобно и быстро.
See the Pen
CSS Transform Playground by Kalimah Apps (@khr2003)
on CodePen.
Box Shadow Generator
А вот и CSS онлайн-генератор тени для блоков, а не текста. Там используется другое свойство)
See the Pen
Box Shadow Generator by Kalimah Apps (@khr2003)
on CodePen.
:nth-selector playground
Этот генератор поможет в работе с псевдоклассами nth-child и nth-of-type.
See the Pen
:nth-selector playground by Kalimah Apps (@khr2003)
on CodePen.
Border Radius Generator
Узнайте все возможности свойства border-radius с помощью этого генератора.
See the Pen
Border Radius Generator by Kalimah Apps (@khr2003)
on CodePen.
Toucan palette generator
Последний CSS инструмент весьма интересный. Он поможет вам определиться с палитрой цвета для сайта.
See the Pen
Toucan palette generator by Kalimah Apps (@khr2003)
on CodePen.