Snow

Анимация падающего снега, реализованная на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

🦊 Пароль

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

⤷ Забрать код

@HtmlGram | #css #js

Button Collection

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

⤷ Забрать код

@HtmlGram1 | #css

Parallax Effect + Text Blend Mode

Параллакс-эффект и CSS-эффект mix-blend-mode, применяемый для текста. Реализован с помощью CSS, jQuery и Parallax.js.

⤷ Забрать код

@HtmlGram1 | #css #jquery #parallaxjs

Neumorphism Gradient Loader

Прелоадер с градиентной заливкой в стиле неоморфизм, реализованный на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Custom Radio Buttons

Радиокнопки с кастомной стилизацией, реализованные на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

HTML5 Wordle Tag Cloud

Анимация генерации облака тегов в форме круга. Реализована с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #css #javascript

Text fill on hover

Эффект заполнения текста другим цветом при наведении, реализованный на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Matrix

Анимация с зеленым кодом из фильма «Матрица», реализованная с помощью JavaScript.

⤷ Забрать код

@HtmlGram1 | #javascript

Breathe

Текст в виде неоновой вывески с анимацией мерцания, реализованная на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Sea anemone

Анимация движения разноцветных морских актиний, которые появляются при клике. Реализована с помощью JavaScript.

⤷ Забрать код

@HtmlGram1 | #javascript

Neumorphism Login Form

Форма авторизации и регистрации в стиле неоморфизм с плавной анимацией смены полей формы. Реализована с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #css

Moon and stars

Полумесяц на ночном небе с анимацией движения звезд, реализованный с помощью одного тега div на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Image Hover Effects

Несколько вариантов эффектов при наведении на блоки с изображением и текстом. Реализованы на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Trianglify

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

⤷ Забрать код

@HtmlGram1 | #trianglifyjs

Sparkling circles

Сверкающиеся круги из частиц, которые вращаются с разной скоростью. Реализованы с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #css #javascript

Textarea auto height

Автоматическая увеличение и уменьшение высоты текстовой области в зависимости от количества вводимого внутри текста. Реализовано с помощью JavaScript.

⤷ Забрать код

@HtmlGram1 |#javascript

Animated Periodic Table

Анимация элементов таблицы Менделеева в зависимости от агрегатного состояния вещества: твердое, жидкое или газообразное. Реализована с помощью D3.js.

⤷ Забрать код

@HtmlGram1 |#d3js

Quick details with zoom view

Адаптивные карточки товаров с подробным просмотром товара в модальном окне. Реализованы с помощью CSS и jQuery.

⤷ Забрать код

@HtmlGram1 | #jquery #css

What's that coffee like?

Анимация отображения кол-ва ингредиентов в разных видах кофе, реализованная с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #css #javascript

Meow Meow keyboard

Веб-пианино со звуками кошачьего мяуканья, реализованное с помощью Tone.js.

⤷ Забрать код

@HtmlGram1 | #Tonejs