Всем привет!
В процессе верстки часто возникает необходимость правильно задать скругление углов, тени, градиент.
Руками это делать долго и неудобно. Но некоторые умельцы облегчили нам жизнь и сделали онлайн-генераторы, которые сформируют необходимый нам 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/
Вообще, генераторов сейчас очень много разных. Каждый по-своему хорош. В этой статье я привел только те, какими сам постоянно пользуюсь.
Удачи!