«Table Flipping»

Анимация реализована при помощи библиотеки gsap.

#html #css #анимация #кнопки #js

🔗 Ссылка на исходник
💜 @codpens

«Шрифт с реакцией»

Шрифт, который реагирует на курсор. Сделано с помощью HTML, SCSS.

#html #scss #js #babel #анимация #текст

🔗 Ссылка на исходник
💛 @codpens

«Разноцветная загрузка»

Загрузка с изменением цвета. Сделано с помощью HTML, SCSS, JS.

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

🔗 Ссылка на исходник
💖 @codpens

«Медуза»

Анимация собранных точек, похожих на медузу. Сделано с помощью HTML, CSS, JS.

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

🔗 Ссылка на исходник
💗 @codpens

«Экран ошибки 404»

Приятная для глаза анимация экрана с ошибкой 404. Сделано с помощью HTML, CSS, JS.

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

🔗 Ссылка на исходник
💜 @codpens

«Шрифт с реакцией»

Шрифт, который реагирует на курсор. Сделано с помощью HTML, SCSS.

#html #scss #js #babel #анимация #текст

🔗 Ссылка на исходник
💛 @codpens

«Размытый счетчик с помощью CSS / SVG / JS»

Счетчик с размытием. Сделано с помощью HTML, SCSS.

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

🔗 Ссылка на исходник
💛 @codpens

«Пицца-загрузка»

Анимация загрузки в виде готовящийся пиццы. Сделано с помощью HTML, CSS, JS.

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

🔗 Ссылка на исходник
💜 @codpens

«Интерфейс AI/ML»

Интерфейс разработанный AI/ML. Есть небольшая анимация при наведении. Сделано с помощью HTML, SCSS, JS(TypeScript).

#html #scss #js #typescript

🔗 Ссылка на исходник
🧡 @codpens

«Сонная капелька»

Кто-то только проснулся, кто-то уже работает, а капелька до сих пор спит. Сделано с помощью HTML, CSS, JS.

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

🔗 Ссылка на исходник
💛 @codpens

«Карусель-слайдер с фотографиями»

Да-да, это действительно код с каруселью и слайдером одновременно. Сделано с помощью HTML, CSS.

#html #css #карусель #слайдер

🔗 Ссылка на исходник
💘 @codpens

«Шестиугольная вращающаяся градиентная граница»

Шестиугольник с переливающейся границей. Отлично подойдет для загрузки страницы. Сделано с помощью HTML, CSS.

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

🔗 Ссылка на исходник
💜 @codpens

«Анимация перелистывания»

Анимация перелистывания листка бумаги. Сделано с помощью HTML (Pug), CSS, JS.

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

🔗 Ссылка на исходник
🤍 @codpens

«Ночной и дневной переключатель с анимацией»

Переключатель с дня на ночь (с анимацией). Сделано с помощью HTML, CSS, JS(Babel).

#html #css #js #babel #анимация #переключатель

🔗 Ссылка на исходник
🩵 @codpens

«Радужная змейка»

Анимация разноцветной змеи, которая движется вниз-вверх. Сделано с помощью HTML, CSS, JS.

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

🔗 Ссылка на исходник
💙 @codpens

«Простой дизайн для приложения с погодой»

Обычный легкий дизайн с кодом карточки с информацией о погоде. Сделано с помощью HTML (Pug), CSS, JS.

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

🔗 Ссылка на исходник
💞 @codpens

«Дополнительная палитра»

Дополнительная палитра. Выбирайте цвет и смотрите все его оттенки. Сделано с помощью HTML, CSS.

#html #css #js #babel

🔗 Ссылка на исходник
💝 @codpens

«Анимация загрузки треугольника»

Красивая анимация загрузки синего треугольника. Сделано с помощью HTML(Pug), SCSS.

#html #scss #pug

🔗 Ссылка на исходник
💙 @codpens

«Мир в банке»

Банка, в которой находится целый мир. Сделано с помощью HTML, CSS.

#html #css

🔗 Ссылка на исходник
💚 @codpens

«Кнопки с Марио и Луиджи»

Кнопки с выбором персонажей (Марио и Луиджи). Сделано с помощью HTML, SCSS.

#html #scss #анимация #кнопки

🔗 Ссылка на исходник
💕 @codpens

«Футуристические кнопки набора»

Представленные в светлой и темной теме 2 круга с одинаковыми опциями. Сделано с помощью HTML, SCSS, JS.

#html #scss #js #кнопки

🔗 Ссылка на исходник
💚 @codpens