Полезные утилиты для CSS: border-radius, box-shadow, gradient

Всем привет!

В процессе верстки часто возникает необходимость правильно задать скругление углов, тени, градиент.

Руками это делать долго и неудобно. Но некоторые умельцы облегчили нам жизнь и сделали онлайн-генераторы, которые сформируют необходимый нам CSS код без лишних проблем.

В этой статье я приведу несколько таких сервисов, которыми лично мне облегчают работу.

 

Box-shadow generator

Самый часто используемый мной сервис. Очень удобный, позволяет быстро настроить нужную тень. Очень простой в использовании. Тень можно настроить, как внешнюю, так и внутреннюю.

https://www.cssmatic.com/box-shadow

 

Border-radius

Пригодится в том случае, если вы забыли, как задать, например, только радиус у левого нижнего угла. В остальных случаях запись всегда простая и легко задается без генератора: box-radius: 5px;

https://www.cssmatic.com/border-radius

https://border-radius.com/

 

CSS Gradient generator

Тоже один из часто используемых сервисов. Быстрая генерация градиента с наглядным превью. Легко и удобно.

http://www.colorzilla.com/gradient-editor/

 

Вообще, генераторов сейчас очень много разных. Каждый по-своему хорош. В этой статье я привел только те, какими сам постоянно пользуюсь.

Удачи!

 

Автор статьи: Alex. Категория: CSS
Дата публикации: 10.05.2019