«Поехали!»

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

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

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

«Цветы»

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

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

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

«Шестиугольный SVG-шаблон»

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

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

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

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

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

#html #scss #js #typescript

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

«Код для выпадающего текста для вопрос-ответ»

Шаблон для создания секций с вопросами и ответами на них. Сделано с помощью HTML, SCSS, JS.

#html #scss #js

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

«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