Infinite draggable webgl slider

Бесконечный слайдер, реализован с помощью GSAP и Tree.js.

⤷ Забрать код

@HtmlGram1 | #gsap

Pokemon Card Holo Effect

Голографическая карта, реализованная с помощью jQuery.

⤷ Забрать код

@HtmlGram1 | #jQuery #css

Stripe Like CSS Only Menu

Меню с эффектом слайдера и плавной анимацией на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

CSS3 Loader & Spinners

Коллекция из 126 прелоадеров на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Download Button Animation

GSAP-анимация кнопок для скачивания файлов.

⤷ Забрать код

@HtmlGram1 | #GSAP

Netflix Intro Animation Pure CSS

Вступительная анимация Netflix на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Fluid text hover

Плавная GSAP-анимация SVG-маски внутри текста при наведении.

⤷ Забрать код

@HtmlGram1 | #GSAP

Sliding tabs

Скользящие вкладки на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Liquid loader

"Жидкий" прелоадер, реализован из SVG-элементов с анимацией на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Card Hover Interactions

Адаптивные карточки с необычным взаимодействием при наведении на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Holiday Feature Folding Cards

Карточки в виде открыток с контентом внутри на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Neomorphic Form

Форма в стиле неоморфизма на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Paper plane button

Кнопка с анимацией превращения в бумажный самолётик после успешной отправки данных. Анимация реализована с помощью GSAP.

⤷ Забрать код

@HtmlGram1 | #GSAP

Pricing

Kарточки прайса на чистом CSS с динамической заменой изображения, цвета текста и кнопки при выборе того или иного прайса.

⤷ Забрать код

@HtmlGram1 | #css

Shopping UI

Пользовательский интерфейс карточки товаров и карточки корзины, реализованный с помощью Vue и axios, анимация - с помощью GSAP.

⤷ Забрать код

@HtmlGram1 | #gsap

Navigation

Меню навигации, которая реализовано с помощью HTML, CSS и JS. Анимация реализована с помощью GSAP.

⤷ Забрать код

@HtmlGram1 | #gsap

Link hover animation

Анимация SVG-элемента при наведения на ссылку на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

CSS leaning card effect

CSS-эффект наклонных карт на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Clipped Image Reveal on Hover

При наведении курсора на текст появляется изображение. Использованы HTML, CSS и JS.

⤷ Забрать код

@HtmlGram1 | #css #javascript

"Toss" Add to Cart Animation

Анимация добавления товара в корзину. Реализована с помощью jQuery.

⤷ Забрать код

@HtmlGram1 | #jquery

Agency website POC

Креативная главная страница агентства POC. На этой странице курсор динамически меняет иконку, подсказывая, что нужно сделать.

⤷ Забрать код

@HtmlGram1 | #jquery