Tooltip Magic

Красивые всплывающие подсказки на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Digital Alarm / Clock / StopWatch

Цифровые часы в современном стиле с будильником и секундомером. Часы реализованы с помощью jQuery.

⤷ Забрать код

@HtmlGram1 | #jquery

Variable font animation

Анимация переменных шрифтов, реализованная с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #javascript #css

SVG Animation

SVG-анимация с распознаванием выбранного цвета, реализованная с помощью just-animate.js и TweenMax.js.

⤷ Забрать код

@HtmlGram1 | #tweenmaxjs #svg

Dynamic CSS

Динамическое изменение цвета анимированных элементов при перемещении курсора мыши, реализованное на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

CSS radio buttons

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

⤷ Забрать код

@HtmlGram1 | #css

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