CSS инструменты – онлайн-генераторы

HTML и CSS WordSmall

Всегда удобно иметь под рукой css инструменты, который в значительной мере ускоряют процесс работы. Я имею в виду, к примеру, генератор 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.

Автор, он же Андрей, он же Admin, он же WordSmall

Лентяй-любитель, окончил высшую школу безделья с многочисленными знаками отличия. Создатель этого небольшого «чудо-блога» о еще более «чудном» контенте.

Подписаться на новые статьи
Добавить комментарий
bold quote code