Scroll Trigger Image Zoom

Page with zoom effect on scroll
Страница с эффектом зума при скролле

⛓️‍💥Open code/Открыть код

Everything you wanted to know but were afraid to ask about custom cursors in CSS

The article explains how to create cool custom cursors using CSS and a bit of JavaScript, without sacrificing usability and keeping accessibility in mind for all users.


Всё, что вы хотели знать, но стеснялись спросить о кастомных курсорах в CSS

В статье объясняют, как сделать крутые кастомные курсоры с помощью CSS и немного JavaScript, не угробив удобство и не забыв про доступность для всех пользователей


⛓️‍💥Read/Читать

Jumping Coin Preloader


Animated loading in the form of a jumping coin

Анимированная загрузка в виде прыгающей монетки

⛓️‍💥Open code/Открыть код

Cards with inverted border-radius

Карточки товаров с интересным решением для кнопки

⛓️‍💥Open code/открыть код

🔧GitHub

Neumorphic Rocker Switch

Анимированный переключатель в стиле неоморфизм

⛓️‍💥open code / открыть код

🔧GitHub

Fancy Glowing Button

Крутая кнопка с RGB подсветкой и эффектом при наведении

Все на чистом CSS

open code / посмотреть код

🔧GitHub

Firefly Button

Кнопка с анимированным эффектом при наведении

Да! Работа с кнопкой мне нравится

⛓️‍💥open code / открыть код

🔧GitHub

Interactive Gradient

Анимированный фон с интерактивным градиентом,
GPT был рядом конечно

⛓️‍💥open code/посмотреть код

🔧GitHub

Developer or Designer?

Анимированный переключатель

⛓️‍💥Open code/открыть код

🔧GitHub

Radios With Sliding Focus

Анимированный переключатель с плавающей рамкой

⛓️‍💥Open code/ открыть код

🔧GitHub

CSS scroll-driven scroll-snapping animations

Страница с различными вариациями анимированного скролла

⛓️‍💥open code/открыть код

🔧GitHub

🌟 Animated Star Rating

Каждая звезда - это радио кнопка, при нажатии на которую задействуются свои CSS-стили.

🔧open code/ открыть код

🔧GitHub

AirGuardian 360