Анимация раскрытия контента при клике на кнопку, реализованная с помощью CSS и jQuery.

3D Button - Трехмерная кнопка, выполненная на чистом CSS.

Адаптивный слайдер с описанием и изображением. Имеет автопрокрутку и несколько элементов управления. Реализован с помощью HTML, CSS и JavaScript.

Анимация вращения прямоугольника, линии которого проходят перед текстом и за текстом. Тени добавляют 3D-эффект. Анимация реализована на чистом CSS.

Адаптивный макет блога, реализованный с помощью CSS Grid.

Прелоадер с анимацией расширяющегося круга из SVG.

Анимация текста, реализованная на чистом CSS.

CSS leaning card effect - CSS-эффект наклонных карт, от которых падает тень под определенным углом, что создаёт объем в окружающем пространстве.

Custom Radio Buttons - пользовательские радио-кнопки, выполненные на чистом CSS.

Подробнее 👇👇

Radio-кнопки с анимацией перепрыгивания, реализованные с помощью CSS.

Анимированная панель вкладок. Анимация реализована с помощью JavaScript.

Magnetic button animation - Анимация примагничивающихся кнопок при наведении, реализована с помощью CSS и JavaScript.

Подробнее 👇

Glowing buttons - Простые светящиеся кнопки на чистом CSS. Эффект свечения появляется при наведении на кнопку.

"Toss" Add to Cart Animation - Анимация добавления товара в корзину, реализованная с помощью jQuery.

Submit - анимированная кнопка отправки.

Accessible Custom Toggle Switch - отличная демонстрация того, как разметить и стилизовать семантический checkbox, чтобы он выглядел и вёл себя как toggle switch. Реализована с помощью CSS.

Интересное решение загрузчика с необычной анимацией на чистом CSS!

Кнопка поиска с анимацией вывода поля для ввода.

Range Slider With Glowing Gradient - слайдер диапазонов с интересным градиентом полосы

Preloader - экран загрузки сайта или приложения.

Rating - выставление рейтинга в виде звезд, анимация реализована с помощью библиотеки GSAP.