CSS-генератор: градиенты, тени, анимации

Что умеет инструмент

• Градиенты с интерполяцией в OKLCH и OKLab: середина перехода не мутнеет, как при обычном смешивании в sRGB.
• Режим «сгладить переходы» добавляет промежуточные цвета, и на широких градиентах пропадают заметные полосы.
• Умная многослойная тень: несколько слоёв с растущим смещением выглядят мягче и естественнее одной тени.
• Неоморфизм: вогнутая, выпуклая и вдавленная формы, а цвета света и тени считаются из цвета фона.
• Блобы: восемь радиусов border-radius, случайные формы и анимация морфинга между двумя из них.
• Кривая плавности перетаскиванием, а ещё пружина и отскок мяча в виде функции linear() — такого нет в стандартных редакторах.

Готовый код копируется одной кнопкой. Если браузер не понимает какой-то вариант (например, смешивание в OKLCH в старой версии), предпросмотр скажет об этом, а код останется корректным для современных браузеров.

Анимации и кривые смотрите на живом предпросмотре: кнопка «Запустить» проигрывает движение снова.