Как выбрать CSS-генератор
Онлайн-инструменты CSS
В разделе собраны визуальные генераторы CSS: вы настраиваете эффект ползунками и цветами, видите превью и забираете готовое свойство, не набирая его руками.
Доступные инструменты
- Генератор градиентов - собирает linear-gradient и radial-gradient: угол, цветовые точки, прозрачные переходы для фонов, кнопок и наложений;
- Генератор box-shadow - тень элемента по смещению, размытию и растяжению, с переключением на внутреннюю тень (inset) и готовыми пресетами.
Оба инструмента подойдут верстальщикам и дизайнерам, когда нужно быстро подобрать эффект и получить рабочий CSS без ручного подсчета значений.
Частые вопросы
Два: генератор градиентов (linear-gradient и radial-gradient) и генератор теней box-shadow. Оба показывают превью и выдают готовое CSS-свойство.
Нет. Вы двигаете ползунки и выбираете цвета, а свойство собирается само - его остается вставить в свой стиль.
Это обычные свойства background и box-shadow, они работают в верстке на HTML, в SCSS и в любых фреймворках.