Christmas Candy Cane

Текстовый эффект рождественской конфеты, реализован с помощью CSS.

⤷ Забрать код

@HtmlGram1 | #css

Variable font resize on device orientation

Изменяемый размер шрифта в зависимости от устройства, реализован с помощью CSS и JS.

⤷ Забрать код

@HtmlGram1 | #css #js

Profile Card Hover Effect

Эффект увеличения изображения карточки при наведении. Реализован на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #hover #css

Textarea auto-expand

Автоматическое расширение текстовой области. Реализовано с помощью JavaScript и CSS.

⤷ Забрать код

@HtmlGram1 | #js #css

Card Hover Interaction

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

⤷ Забрать код

@HtmlGram1 | #hover #css

Contact Form Template

Шаблон контактной формы. Реализовано с помощью JavaScript и CSS.

⤷ Забрать код

@HtmlGram1 | #js #css

😏GitHub Logo Animation

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

⤷ Забрать код

@HtmlGram1 | #css

⛳️ Menu micro-interaction with CSS 

Небольшое меню, которое раскрывается при нажатии пользователя. Аккуратно, минималистично.

⤷ Забрать код

@HtmlGram1 | #scss

Rubber Slider

Очень приятный, минималистичный и резиновый ползунок регулирования значения чего-либо.

⤷ Забрать код

@HtmlGram1 | #css

Parallax Golden Hour Animation on Scroll

Эффект параллакса при прокрутки мыши.

⤷ Забрать код

@HtmlGram1 | #css

3D carousel

При прокрутке колеса мыши меняется радиус слайдера.

⤷ Забрать код

@HtmlGram1 | #css #javascript

About Us Pop-Out Effect

Простой эффект всплывающего изображения на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

CSS Typing Effect

Эффект набора текста на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

CSS Goey footer

Футер с анимацией стекающих капель на чистом CSS.

⤷ Забрать код

@HtmlGram1 |#css

Tabbar

Панель вкладок с "жидкими иконками", анимация реализована с помощью GSAP и MorphSVGPlugin.

⤷ Забрать код

@HtmlGram1 | #css #GSAP

Airplanes

Анимация полёта самолета при прокрутке страницы, реализованная с помощью GSAP и ScrollTrigger.

⤷ Забрать код

@HtmlGram1 | #css

React Slider w/ Hover Effect

Слайдер, созданный с помощью React, с оригинальным эффектом при наведении.

⤷ Забрать код

@HtmlGram1 | #javascript #react

GSAP ScrollTrigger

Анимация движения текста и изображений при скролле страницы, реализованная с помощью GSAP и ScrollTrigger.

⤷ Забрать код

@HtmlGram1 | #gsap

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