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

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

#анимация #css

Dropdown Menu — выпадающее меню с выбором соцсети. Реализовано с помощью CSS, SVG и JavaScript.

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

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

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

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

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

Interactive ropes background — интерактивный фон с гирляндами. Реализован с помощью CSS и JavaScript.

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

Clouds of æther — анимированный фон с градиентом и размытием. Реализован с помощью SCSS и SVG.

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

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

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

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

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

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

#анимация #scss