💎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

Folded Paper Login Form

Форма входа в систему в виде сложенной бумаги, реализованная на чистом CSS.

⤷Забрать код

@HtmlGram | #css

💎ThreeJS text

Анимация объемного текста и фигур, реализованная с помощью Three.js и GSAP.

⤷Забрать код

@HtmlGram | #gsap #threejs

🫧Perlin Noise

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

⤷Забрать код

@HtmlGram | #css

😨404 error page

Анимированная страница ошибки, реализованная на CSS и SVG, с применением JavaScript

⤷Забрать код

@HtmlGram | #css #svg #js

🫧Living Shapes

Анимированная геометрия, реализованная на CSS, c применением JavaScript

⤷Забрать код

@HtmlGram | #css #javascript

🫧Neumorphism and toggles

Переключатели в стиле неоморфизма, реализованные на SCSS, с применением JavaScript

⤷Забрать код

@HtmlGram | #scss #javascript

💎Direction-aware 3D hover effect

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

⤷Забрать код

@HtmlGram | #css #js

🎛️Hover Blur Cards

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

⤷Забрать код

@HtmlGram | #css #javascript

🦄 Elastic Accordion GSAP

При нажатии на карточку задействуется анимация, созданная библиотекой gsap

⤷Забрать код

@HtmlGram | #css #js #gsap

🦁 Infinity

Создано на HTML и SCSS. Анимировано при помощи CSS keyframes.

⤷Забрать код

@HtmlGram | #scss

☃️ Animation at Work challenge

Анимация "в процессе", реализованная на CSS и SVG, без применения JavaScript

⤷Забрать код

@HtmlGram | #css #svg

2022 на выход, 2023 заходим

🎄 Sketch Button

Анимированная кнопка, реализованная с помощью SVG, SCSS и JavaScript

⤷Забрать код

@HtmlGram | #scss #js #svg

🥑 Iridescent morphing blob

Анимированная переливающаяся капля, реализованная с помощью CSS и JavaScript

⤷Забрать код

@HtmlGram | #js #threejs