Day and Night — анимация с переключением дня и ночи. Реализована с помощью CSS и Pug.

#анимация #css

SVG Turbulence Filter Test — настраиваемый фильтр текста. Реализован с помощью CSS, SVG и JavaScript.

#css #svg #js

Moon Prototype — анимированный прототип луны. Реализован с помощью CSS.

#анимация #css

Hover Blur Cards — карточки с плавным эффектом при наведении. Реализованы с помощью CSS и JavaScript.

#анимация #css #js

Button Hover State Border — кнопка с эффектом при наведении. Реализована с помощью CSS.

#анимация #css

Glassmorphism — карточки в стиле стекла с эффектом при наведении. Реализованы с помощью CSS и JavaScript.

#анимация #css #js

Impossible Checkbox v2 — забавный чекбокс, на который "невозможно" нажать. Реализован с помощью CSS, Pug и JavaScript.

#анимация #css #js

CodePen Loader — стилизованная под CodePen анимированная загрузка. Реализована с помощью CSS и SVG.

#анимация #css #svg

Stroke Logo Animation — анимированное текстовое лого с эффектом при наведении. Реализовано с помощью CSS, SVG и JavaScript.

#анимация #css #svg #js

Light circle with glow effect — неоновый круг с эффектом свечения при наведении. Реализовано с помощью SCSS.

#анимация #scss

Codepen Logo w/ Sticky Corners — интерактивное лого CodePen. Реализовано с помощью CSS, SVG и JavaScript.

#анимация #css #svg #js

bootstrap 4 navbar — анимированная навигационная панель. Реализована с помощью CSS и JavaScript.

#анимация #css #js

NightLight — анимированный 3D ночник. Реализована с помощью CSS и JavaScript.

#анимация #css #js

Magic Dust - GSAP Canvas Particles — анимированный звездный фон со следом от мыши. Реализован с помощью SCSS и JavaScript.

#анимация #scss #js

Crow Single Div — минималистичная ворона в клетке. Реализована с помощью CSS.

#css

Jello Stretchy Variable Font — интерактивный текст с эффектом желе. Реализован с помощью SCSS и JavaScript.

#анимация #scss #js

Scroll direction rotation — галерея с эффектом наклона при скролле. Реализована с помощью SCSS и JavaScript.

#анимация #scss #js

Shiny Debit Card — анимированная 3D банковская карта. Реализована с помощью CSS и SVG.

#анимация #css #svg

RETROESQUE TEXT REVEAL EFFECT — анимированное появление текста. Реализовано с помощью Slim, SCSS и GSAP.

#анимация #scss #js

Navbar — навигационная панель-бургер. Реализована с помощью CSS.

#анимация #css

Demo of CSS-only motion curve

Анимация иконки. Написана на чистом CSS.

#анимация #css