3d text marquee effects — бегущая строка с эффектом 3D. Реализована с помощью CSS.

#анимация #css

Sliding Image Track — галерея - слайдер с эффектом параллакса. Реализована с помощью CSS и JavaScript.

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

Products Dashboard UI — интерфейс каталога продукции. Реализован с помощью SCSS, SVG и JavaScript.

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

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

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

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

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

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

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

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

#анимация #css

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

#css #svg #js

Не умеешь в JS и CSS, а крутые эффекты делать хочется?

Канал @code_advantage поможет! Здесь найдешь сотни эффектов и анимаций, которые сделают твой UI живым и отзывчивым

Юзер-френдли дизайн? Легко! — бери готовый код и используй

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

#анимация #css

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

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