Extreme Hover

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

⤷ Забрать код

@HtmlGram1 | #css #javascript

The Impossible Lightbulb

Лампочка, которую невозможно включить, открывается дверь и злой мишка снова его выключает. Анимация реализована с помощью GSAP.

⤷ Забрать код

@HtmlGram1 | #gsap

Rolling Text

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

⤷ Забрать код

@HtmlGram1 | #css #javascript

Glitch Effect on Hover

Воспроизведение глитч-эффекта при наведении на изображение, реализованное на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Magnetic UI effect

Магнитный эффект ссылок при наведении, реализованный с помощью TweenMax.js.

⤷ Забрать код

@HtmlGram1 | #TweenMaxjs

Star Wars Imperial Army's Product Slider

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

⤷ Забрать код

@HtmlGram1 | #jquery

Smoke Cloud

Анимация движения дымового облака, реализованная с помощью Three.js.

⤷ Забрать код

@HtmlGram1 | #threejs

Loading Screen

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

⤷ Забрать код

@HtmlGram1 | #css

Responsive Blog Card Slider

Aдаптивная карточка со слайдером Swiper. Слайды можно прокручивать с помощью колеса мышки или нажатием на пагинацию.

⤷ Забрать код

@HtmlGram1 | #jquery

Info Cards Concept

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

⤷ Забрать код

@HtmlGram1 | #css

3D Rotator

Анимация вращения текста в 3D-пространстве, реализованная с помощью Three.js.

⤷ Забрать код

@HtmlGram1 | #threejs #3D

BEER

Кружка, наполняющаяся пивом при клике и удержании кнопки мыши. Реализован на чистом CSS с использованием SVG.

⤷ Забрать код

@HtmlGram1 | #css #svg

Basic Wind Strip

Aнимация небольшой полосы ветра, реализованная с помощью JavaScript.

⤷ Забрать код

@HtmlGram1 | #javascript

Sliding Sign In Sign Up Page

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

⤷ Забрать код

@HtmlGram1 | #css #javascript

Direction aware hover effect

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

⤷ Забрать код

@HtmlGram1 | #css #javascript

CSS Filter Cards

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

⤷ Забрать код

@HtmlGram1 | #css

Canvas Cloud

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

⤷ Забрать код

@HtmlGram1 | #javascript

Particle.js

Фоновая анимация движения частиц, реализованная с помощью jQuery и Three.js.

⤷ Забрать код

@HtmlGram1 | #jquery

Scattering hexagons

Анимация рассеивающихся шестиугольников, реализованная с помощью jQuery.

⤷ Забрать код

@HtmlGram1 | #jquery

Hamburger Icons Animations

Несколько вариантов анимации иконки гамбургера, реализованные с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #css #javascript

Trying To Be Victorious [Game]

Игра "Космическая стрелялка", реализованная с помощью JavaScript.

⤷ Забрать код

@HtmlGram1 | #javascript