💈 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

🎯 Вход / Авторизация

Крутая реализация формы входа и регистрации в виде слайдера.

⤷Забрать код

@HtmlGram | #css #js

🥑 Cool Me Down

Охлади человечка 

⤷Забрать код

@HtmlGram | #css #js

💥 Окно входа

Компактное модальное окно входа в систему или регистрации 

⤷Забрать код

@HtmlGram | #scss #js

🍉 Gooey footer 

Анимация капель, реализованная с помощью jQuery

⤷Забрать код

@HtmlGram | #css #js

🌎 Анимация

Анимированная липкая кнопка в виде капли

⤷Забрать код

@HtmlGram | #scss

🍀 Анимация

демонстрирует как создавать многослойные анимации с помощью anime.js

⤷Забрать код

@HtmlGram | #css #js

🍏 Модальное окно  

Анимированная модальная форма согласия на использование файлов cookie

⤷Забрать код

@HtmlGram | #css #js

⛵ Карточки

Красивое и простое CSS решение hover анимации для карточек

⤷Забрать код

@HtmlGram | #css

☘️ Parallax scroll animation

Интересный паралакс эффект при скролле. Добавьте изюминку в ваш проект.

⤷Забрать код

@HtmlGram | #css #js #gsap

🍀 Sharp & Glowing dark card | Chrome only

Необычная карточка с красивой обводкой. Исключительно для Chrome.

⤷Забрать код

@HtmlGram1 | #scss #js