1 338 Codepen

День рождения на чистом CSS

Два кролика отмечают день рождения и рассказывают друг другу шутки. Анимационная картина сделанная на чистом CSS. Поражает своей детальной проработкой во всех аспектах.

День рождения на чистом CSS
1 021 Codepen

Взрывной текст

Эффект взрывающегося текста, каждую букву оборачиваем в тег и анимируем на чистом CSS

Взрывной текст
1 465 Codepen

Ветер

Ветер на канвасе. Немного математики и стильный эффект для корпоративного сайта готов.

Ветер
1 415 Codepen

Lava lamp эффект

Генерируются рандомно круги разных цветов и размеров и с разной задержкой анимации. С помощью svg фильтров feGaussianBlur, feColorMatrix и feComposite достигается итоговый результат. Без svg фильтров это просто хаотично движущиеся шарики.

Lava lamp эффект