⛱️ Gentle button 'explode'

Эффект при наведении на кнопку, реализованный с помощью SVG, SCSS и библиотеки GSAP.js

⤷Забрать код

@HtmlGram | #scss #js

🌈 Monochromatic Yoyo

Сделана без использования JS. Автор добавил возможность настраивать фигуру. Для этого он создал радио кнопки, при нажатии на которые задействуются определенные стили

⤷Забрать код

@HtmlGram | #css

🎉 Fireworks in the mind 

Идея для сайта, пользователи будут в восторге

⤷Забрать код

@HtmlGram | #css #js

🤘 Включите свет

Логика создана в JS, которая завязаны на продолжительности нажатия на кнопку.

⤷Забрать код

@HtmlGram | #css #js

💚 Face Grid Track

Фотографии с отслеживанием положения курсора, реализованные с помощью препроцессора Pug, SCSS и JavaScript

⤷Забрать код

@HtmlGram | #scss #js

🏓 Рандомная диаграмма

Сделана на canvas. Созданные фигуры анимируются при помощи JS.

⤷Забрать код

@HtmlGram | #css #js

🥨 Слайдер
 
Горизонтальный слайдер с position: sticky

⤷Забрать код

@HtmlGram | #scss #js

🍒 Send 

Для обратной связи с вашими клиентами и пользователями вашего сайта. Просто добавьте красивую кнопку - "отправить".

⤷Забрать код

@HtmlGram | #scss

🍿 SVG Animation 

Анимация с распознаванием выбранного цвета, реализованная с помощью just-animate.js и TweenMax.js.

⤷Забрать код

@HtmlGram | #scss #js

📅 The Gift of CSS

Анимация при нажатии, выполненная с использованием Pug и Stylus

⤷Забрать код

@HtmlGram | #css

🤘 Окно входа

Полностью отзывчивый и анимированный режим регистрации и входа в систему

⤷Забрать код

@HtmlGram | #scss #js

🚲 Карточки товара

Очень интересный вариант представления карточек товара, написанный на SCSS и JS.

⤷Забрать код

@HtmlGram | #scss #js

🌀 Volume button knob

Регулятор громкости, реализованный на SCSS, с применением JavaScript и SVG

⤷Забрать код

@HtmlGram | #scss #js

🍓 Spinner and Balls 

Очень приятная и стильная загрузка.

⤷Забрать код

@HtmlGram | #css

🥝 Страница благодарности
 
Простая текстовая анимация благодарности с использованием SVG

⤷Забрать код

@HtmlGram | #scss #js

🍧 Vertical menu

Вертикальное меню с анимацией, реализованное с помощью SCSS, без использования JavaScript

⤷Забрать код

@HtmlGram | #scss

🐾 Анимация

Анимация загрузки в виде кота, сделанная на CSS

⤷Забрать код

@HtmlGram | #scss

🌺 Анимация

Анимация ноутбука на чистом сss 

⤷Забрать код

@HtmlGram | #scss

🔥 404 Page 

Адаптивная страница с ошибкой 404, реализованная с помощью parallax.js и jQuery

⤷Забрать код

@HtmlGram | #scss #js

💈 Aliendscape 

Анимированный ландшафт, реализованный на чистом JavaScript. Новый ландшафт генерируется при клике

⤷Забрать код

@HtmlGram | #js

🦊 Пароль

Форма пароля с интересной реализацией его сложности, защищайте свои сайты самыми надежными паролями 

⤷Забрать код

@HtmlGram | #css #js