🗽 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

🍔 Click to send

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

⤷Забрать код

@HtmlGram | #css #js #gsap

⛰️ Фоновый слайдер

Вертикальный слайдер, переключаемый с помощью свайпов, колесика мышки или кнопок вверх или вниз.

⤷Забрать код

@HtmlGram | #css #js

🍷 Memory Game

Интересная игра, с интересным дизайном и простой разработкой.

⤷Забрать код

@HtmlGram | #scss #js

🍩 Rotation Navigation

В этой реализации автор создал импровизированный слайдер с интересным эффектом переключения.

⤷Забрать код

@HtmlGram | #scss #js

💰 Игра

Игра на чистоv css, кубик двигается за указателем, можно использовать во время загрузки сайта

⤷Забрать код

@HtmlGram | #scss

🎁 408 ERROR

Шаблон 408 ошибки с использованием 
three.js, ccapture.js

⤷Забрать код

@HtmlGram | #scss #js

👀 Карточки

Созданы без использования JS. Разметка написана на Pug, а стили и анимация на SCSS.

⤷Забрать код

@HtmlGram | #scss

🍭 Confetti Button 

Обыкновенная кнопка с небольшой анимацией при нажатии + выпускает конфетти. Можно использовать эту фичу в какие-то праздники.

⤷Забрать код

@HtmlGram | #Postcss #js

✅ Text by circles

Текст создается на canvas, в js создана сложная логика отрисовка букв.

⤷Забрать код

@HtmlGram | #js

🥛 Карточка рецепта 

Интерактивная карточка с описанием рецепта 
коктейля

⤷Забрать код

@HtmlGram | #css #js