Fluid Gooey Text Background — изображение с эффектом обтекания текста. Реализовано с помощью SCSS.

#scss

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

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

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

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

Animated Continuous Sections with GSAP Observer — анимированный скролл страницы. Реализован с помощью SCSS и GSAP.

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

Playlist Carousel — карусель с фото и плеером. Реализована с помощью SCSS и JavaScript.

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

Background gradient moves with mouse — фон-градиент, реагирующий на движения мыши. Реализован с помощью CSS и JavaScript.

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

Tatooine Flipper — интересная анимация переключения темной темы. Реализована с помощью CSS и JavaScript.

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

CSS Only Windows 98 — функционирующий рабочий стол Windows 98. Реализован с помощью CSS.

#анимация #css

SVG animation + CSS only +hover/focus state styles — анимированные иконки с эффектом при наведении. Реализованы с помощью SCSS и SVG.

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

CSS Kawaii Shark — просто милая акула. Реализована с помощью CSS.

#css

Infinite Cover Flow w/ GSAP — объемная бесконечная карусель. Реализована с помощью CSS, SVG и GSAPjs.

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

SVG Text Animation Using Stroke Offset Method — анимированное появление текста. Реализовано с помощью CSS и SVG.

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

Spot on in the gallery — галерея с интерактивной подсветкой фото. Реализована с помощью CSS и SVG.

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

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

#анимация #css

Check Micro Animation — анимированный чекбокс с эффектами и звуком при нажатии. Реализован с помощью CSS, SVG и JavaScript.

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

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

Centered carousel with CSS scroll snap — анимированная карусель карточек. Реализована с помощью CSS и JavaScript.

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

Toss Toggle — необычная анимация переключателя. Реализована с помощью CSS и JavaScript.

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