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

City Illustration

Адаптивная SVG-иллюстрация города с параллакс-эффектом, реализованная с помощью React, jQuery.parallax.js и GSAP.

⤷ Забрать код

@HtmlGram1 | #gsap #svg

Link hover animation

Анимация обводки при наведении на ссылку, реализованная с помощью CSS и SVG.

⤷ Забрать код

@HtmlGram1 | #css #svg

Job Search Platform UI

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

⤷ Забрать код

@HtmlGram1 | #css #jquery

Linear-style Cursor Glow

Эффект свечения при наведении. Реализованный с помощью SCSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #css #JavaScript

Movie Poster Interaction

Стильные карточки с анимацией и эффектом размытия.
Реализовано на чистом CSS

⤷ Забрать код

@HtmlGram1 | #css #JavaScript

Article Toggle

Плавное переключение светлой и темной тем, реализованное с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #css #javascript

Movie card with hover effect

Анимированная карточка фильма.

⤷ Забрать код

@HtmlGram1 | #css #html

Accordion with Reveal Animation

Раскрывающийся список, реализованный на CSS.

⤷ Забрать код

@HtmlGram1 | #css #html

Animated Responsive Card

Анимированные карточки, написанные на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Content reveal cards

Слайдер для карточек. Реализован с помощью CSS.

⤷ Забрать код

@HtmlGram1 | #css

Text fill on hover

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

⤷ Забрать код

@HtmlGram1 | #css

Breathe

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

⤷ Забрать код

@HtmlGram1 | #css

Product Card

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

⤷ Забрать код

@HtmlGram1 | #css

Stripe Like CSS Only Menu

Выпадающее меню, выполненное на чистом CSS, без использования JavaScript.

⤷ Забрать код

@HtmlGram1 | #css

Multicolor Loader Ring

Разноцветный прелоадер с анимированными SVG-штрихами и смещениями. Реализован на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Expanding Input

Расширяющееся поле ввода поискового запроса, реализованное с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #javascript #css

Hover Effect

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

⤷ Забрать код

@HtmlGram1 | #css