CSS и дизайн

Создавайте красивые градиенты CSS с живым предварительным просмотром

Дизайн многослойных текстовых теней CSS с предварительным просмотром в реальном времени и ползунки для смещения, размытия, цвета и непрозрачности - создайте эффекты свечения, контура, ретро 3D и тиснения, а затем скопируйте готовый к производству CSS.

Закруглите любой угол с помощью ползунков в реальном времени и для каждого угла, переключитесь между PX, %, EM и REM и скопируйте кратчайший допустимый CSS-графический radius.

Примените размытие, яркость, контрастность, оттенки серого, сепию, поворачивать и многое другое с помощью живых слайдеров и предварительного просмотра, а затем скопируйте код фильтра CSS, готовый к производству.

Создайте пользовательский интерфейс из матового стекла с предварительным просмотром в реальном времени и ползунками для размытия фона, прозрачности, насыщенности, цвета и радиуса, а затем скопируйте готовый к производству CSS.

Создайте элементы мягкого пользовательского интерфейса (невморфные) с предварительным просмотром в реальном времени и элементами управления расстоянием, размытием, интенсивностью, радиусом, цветом поверхности и плоскими/вогнутыми/выпуклыми/нажатыми формами, а затем скопируйте CSS.

Создавайте макеты флексбокса CSS визуально. Настройте обоснование контента, выравнивание элементов, направление, перенос и разрыв с помощью предварительного просмотра в реальном времени, затем скопируйте сгенерированный CSS - все в своем браузере.

Создавайте макеты CSS Grid визуально. устанавливайте столбцы, строки, размеры дорожек, пробелы и выравнивание с помощью предварительного просмотра в реальном времени, затем копируйте сгенерированную сетку CSS - все в своем браузере.

Создайте преобразование CSS из перевода, вращения, масштабирования, перекоса и трехмерной перспективы с помощью ползунков в реальном времени и предварительного просмотра, а затем скопируйте готовый к производству код.

Построить CSS переход от свойства, продолжительности, функции синхронизации и задержки с живым наведением предварительного просмотра, затем копировать готовый к производству код. поддерживает несколько уровней.

Создавайте анимацию ключевых кадров CSS из таких предустановок, как затухание, слайд, отскок и вращение. Настройте продолжительность, смягчение, задержку, итерацию и направление, предварительно просмотрите в прямом эфире, затем скопируйте ключевые кадры и стенографию анимации.

Разработайте многослойные тени CSS с предварительным просмотром в реальном времени и ползунки для смещения, размытия, размазывания, цвета, непрозрачности и вставки, а затем скопируйте готовый к производству CSS.

Преобразование между единицами CSS - px, rem, em, pt и % - с настраиваемым размером корневого шрифта, мгновенным выводом всех единиц и справочной таблицей px-to-rem для адаптивной типографики.

Генерируйте текучие, реагирующие значения CSS-зажима (), которые масштабируются между окнами просмотра