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

Particle Wave

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

⤷ Забрать код

@HtmlGram1 | #javascript

Rubber Slider

Range slider с "резиновым" эффектом, реализованный с помощью jQuery, GSAP и TweenMax.js.

⤷ Забрать код

@HtmlGram1 | #gsap #jquery

Drop

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

⤷ Забрать код

@HtmlGram1 | #css

Electric strings

Электрический "паук", который следует за движением курсора. Реализован с помощью JavaScript.

⤷ Забрать код

@HtmlGram1 | #javascript

A LONG WAY

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

⤷ Забрать код

@HtmlGram1 | #javascript

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