Инструменты CSS
5 toolsГенераторы теней box-shadow, анимаций, градиентов, форматирование CSS и шпаргалка по Tailwind.
Tool list
Форматирование CSS
Приведите CSS в порядок, минифицируйте для уменьшения размера или посчитайте правила, селекторы и медиа-запросы — всё в одной вкладке.
Генератор CSS box-shadow
Создавайте многослойные CSS-тени с живым превью: смешивайте inset / outer, регулируйте offset, blur, spread, прозрачность, border-radius — копируйте CSS или Tailwind.
Генератор CSS border
Проектируйте CSS-границы: ширина на каждую сторону, восемь стилей, цвет с прозрачностью, радиус каждого угла — превью и копирование CSS / Tailwind.
Генератор CSS-фильтров
Применяйте CSS-фильтры: blur, brightness, contrast, saturate, hue-rotate, grayscale, sepia, opacity, invert, drop-shadow — превью на фото, аватаре, карточке. Копирование CSS / Tailwind.
Генератор CSS-анимаций
Создавайте CSS keyframe-анимации: fade, slide, zoom, bounce, rotate; настройте duration, easing, delay, iteration, direction, fill-mode. Экспорт в CSS, HTML, React, Vue.