🐱 Bongo Cat

Анимированная сцена выполненная с помощью SVG, SCSS и библиотеки GSAP.js

⤷Забрать код

@HtmlGram | #scss #js #gsap

🛡 Interactive particles text

Интерактивный текст, выполненный с использованием CSS и библиотеки Three.js

⤷Забрать код

@HtmlGram | #css #js #threejs

🎁 Этапы процесса заказа

Красиво анимированный контейнер этапов заказа товара только на CSS

⤷Забрать код

@HtmlGram | #scss

🪐 Rolling Text

Анимация волнообразного скольжения текста вверх и вниз при наведении

⤷Забрать код

@HtmlGram | #scss #js

✈️ 3Д-самолет

Сделан с использованием препроцессоров Pug и Stylus. Анимирован в Stylus. Реакция на курсор пользователя реализована в JS при помощи библиотеки gsap.

⤷Забрать код

@HtmlGram | #stylus #js #gsap

🍏 Horizontal Scroll Gallery

Интерактивная галерея с горизонтальной прокруткой, выполненная с помощью Less и библиотеки LocomotiveScroll.js

⤷Забрать код

@HtmlGram | #less #js

🏖 Download

Анимация загрузки

⤷Забрать код

@HtmlGram | #scss #js #gsap

🪐 Radial Nav Menu

Круговое меню навигации, реализованное на SCSS, с применением TypeScript

⤷Забрать код

@HtmlGram | #scss #js #ts

🌱 Слайдер

Кратко, минималистично, красиво

⤷Забрать код

@HtmlGram | #stylus #gsap

🦜 Color Swatches

Набор карточек цвета с описанием. При выборе карточки задействуются CSS трансформации. В JS создана логика перевода цвета во все форматы.

⤷Забрать код

@HtmlGram | #css #js

🗽 Show button on Hover

При наведении на карточку, анимируется фон, состоящий из четырех блоков и отображается кнопка.

⤷Забрать код

@HtmlGram | #css

👀 Radio Hopping

Анимированные Radio Buttons, выполненные с помощью Sass

⤷Забрать код

@HtmlGram | #scss

🍭 Слайдер

Реализован на js, анимирован при помощи библиотеки gsap.

⤷Забрать код

@HtmlGram | #css #js

🌐 Digital clock

Простые, но красивые часы. Оформление написано на HTML & CSS, а значения обновляются за счёт JavaScript.

⤷Забрать код

@HtmlGram | #css #js

⭐ Realistic Red Switch

Переключатель, выполненный с помощью Pug и SCSS, без использования JavaScript

⤷Забрать код

@HtmlGram | #scss

☕ Text Hover

Интерактивный текст, реализованный на чистом CSS

⤷Забрать код

@HtmlGram | #css

🍩 Animated Navbar Icons

Разнообразьте свой сайт такими плюшками. 

⤷Забрать код

@HtmlGram | #css #js

❤️ Dropdown Menu

Интерактивный выпадающий список, реализованный с помощью SVG, CSS и JavaScript

⤷Забрать код

@HtmlGram | #css #js

⌛ Термостат

Выполнен и анимирован на чистом CSS

⤷Забрать код

@HtmlGram | #css

🗼 Анимация с маяком

Разметка написана на Pug. Работает постоянная CSS анимация, при наведении происходит Parallax эффект, который реализован с помощью библиотеки ParallaxJs

⤷Забрать код

@HtmlGram | #scss #js

🐬 One short life  

Анимация для рекламного ролика.

⤷Забрать код

@HtmlGram | #scss