🌀Menu Animation

Разворот бургер-кнопки при наведении на неё и появление пунктов меню. Реализован на CCS, без применения JavaScript.

⤷Забрать код

@HtmlGram | #меню

🎯Outfit at Dusk

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

⤷Забрать код

@HtmlGram | #CSS #JavaScript

🏆Generative UI

Пользовательский интерфейс и анимация сферы с морозными элементами. Реализован с помощью JavaScript.

⤷Забрать код

@HtmlGram | #css #javascript

🫧Button text

Плавно меняющийся градиент в качестве фона для кнопки. Реализован на CCS.

⤷Забрать код

@HtmlGram | #CCS

✔️Check Micro Animation

Анимированный чекбокс, реализованный на CSS и SVG, c применением JavaScript

⤷Забрать код

@HtmlGram | #css #JavaScript

🫧Nabla color font!

Анимированный цветной шрифт Набла. Реализован на чистом CSS.

⤷Забрать код

@HtmlGram | #css

🫧GLSL Sample027

Анимация неоновой волны. Реализована с помощью JavaScrtipt.

⤷Забрать код

@HtmlGram | #javascript

🫧Glass Morphism

Яркая анимация кнопок. Реализована на CSS, без применения JavaScript.

⤷Забрать код

@HtmlGram | #css

⚡️CheckBoxes (Dark/Light)

Плавное перекрашивание кнопок-переключателей, выполненных в одном стиле с использованием градиента. Написан на СSS.

⤷Забрать код

@HtmlGram | #css

🫧3D Cube

Анимированный куб, реализованный на чистом CSS, без использования JavaScript

⤷Забрать код

@HtmlGram | #css

🔗Button Hover Effects

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

⤷Забрать код

@HtmlGram | #javascript

🧊3D Box

Анимированный куб, реализованный c помощью SCSS и препроцессора Pug, без использования JavaScript

⤷Забрать код

@HtmlGram | #JavaScript

❄️Custom Cursor

Кастомный курсор с взаимодействием с элементами на странице. Реализован с помощью переменных CSS и JavaScript.

⤷Забрать код

@HtmlGram | #css #javascript

💎Expandable Animated Card Slider

Слайдер с анимацией расширяющихся карт при клике на слайд. Реализован с помощью jQuery и Owl.carousel.js.

⤷Забрать код

@HtmlGram | #jquery #owlcarouseljs

😏GitHub Logo Animation

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

⤷Забрать код

@HtmlGram | #css

🌀Jumping Gooey Navigation

Интересная прыгающая липкая навигация. Анимация реализована с помощью GSAP.

⤷Забрать код

@HtmlGram | #gsap

♟️Staggered Grid Effect

Анимация с эффектом шахматной сетки, реализованная с помощью Anime.js.

⤷Забрать код

@HtmlGram | #animejs

🫧What's really going on?

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

Забрать код

@HtmlGram | #css