📅 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

💜 Good Morning, Good Night 

Смена дня и ночи, выполненная с помощью CSS и библиотеки jQuery. Смена дня и ночи происходит при клике на солнце/луну.

⤷Забрать код

@HtmlGram | #css #js

🎉 GSAP ScrollTrigger test with clipping 

Приятное появление фотографий на сайте.

⤷Забрать код

@HtmlGram | #scss #js

🎹 Mini Music Player 

Музыкальный-плеер в современном стиле, написанный на VueJS.

⤷Забрать код

@HtmlGram | #scss #js

🍉 Арбуз

Часы, созданные в HTML и CSS. В JS создана простая логика получения времени пользователя и вывода градуса поворота стрелки на экран.

⤷Забрать код

@HtmlGram | #scss #js

🍄 Profile Card Hover Effect 

Эффект увеличения изображения карточки. Реализован на чистом CSS

⤷Забрать код

@HtmlGram | #css

🎁 Card Interactions with GSAP 

Владеете социальной сетью? Или просто планируете писать код для своих целей? Для вас - интерактивная система карточек.

⤷Забрать код

@HtmlGram | #css #js

🍢 Анимация

Разрыва Фотографии пополам перетаскиванием мыши

⤷Забрать код

@HtmlGram | #scss #js

🍅 Split 3D Carousel 

Слайдер, состоящий из двух кубов. Реализован с помощью jQuery.

⤷Забрать код

@HtmlGram | #css #js

☘️ 3D CSS card 

Объёмные карточки, выполненные с помощью SCSS, без использование JavaScript. Информационные блоки. Красиво смотрится.

⤷Забрать код

@HtmlGram | #scss