Article Toggle

Плавное переключение светлой и темной тем, реализованное с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #css #javascript

Movie card with hover effect

Анимированная карточка фильма.

⤷ Забрать код

@HtmlGram1 | #css #html

Accordion with Reveal Animation

Раскрывающийся список, реализованный на CSS.

⤷ Забрать код

@HtmlGram1 | #css #html

Animated Responsive Card

Анимированные карточки, написанные на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Content reveal cards

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

⤷ Забрать код

@HtmlGram1 | #css

Text fill on hover

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

⤷ Забрать код

@HtmlGram1 | #css

Breathe

Текст в виде неоновой вывески с анимацией мерцания, реализованная на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Product Card

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

⤷ Забрать код

@HtmlGram1 | #css

Stripe Like CSS Only Menu

Выпадающее меню, выполненное на чистом CSS, без использования JavaScript.

⤷ Забрать код

@HtmlGram1 | #css

Multicolor Loader Ring

Разноцветный прелоадер с анимированными SVG-штрихами и смещениями. Реализован на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Expanding Input

Расширяющееся поле ввода поискового запроса, реализованное с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #javascript #css

Hover Effect

Эффект увеличения карточки и смещения соседних карточек при наведении, реализованный на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Flickering Light Text Effect

Эффект мерцающей буквы в тексте, похожий на неоновую вывеску. Реализован на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Modal Mitosis

Растягиваемое расширяющееся поле со скрытым контентом, реализованное на чистом CSS с помощью фильтра goo для SVG и checkbox toggle.

⤷ Забрать код

@HtmlGram1 | #css

Data Dots

Точки пагинации, которые могут быть использованы для управления слайдами галереи изображений. Реализованы с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #css #javascript

Spotlight

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

⤷ Забрать код

@HtmlGram1 | #css

Circle Packed Particles

Анимация построения частиц-блёсток в буквы, реализованная с помощью GSAP3 и Pixi.js.

⤷ Забрать код

@HtmlGram1 | #gsap #pixijs

50 Shades of Hue - CPC Monochromatic

Генератор монохромной цветовой палитры, который генерирует до 50 оттенков. Реализован с помощью React и Prism.js.

⤷ Забрать код

@HtmlGram1 | #react #prismjs

Circle Swap Photo Gallery

Фотогалерея с красивой анимацией замены фотографий, реализованная с помощью React и GSAP.

⤷ Забрать код

@HtmlGram1 | #gsap #react

Doggie Screensaver

Плавающая анимация фотогалереи, реализованная на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Color swappy

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

⤷ Забрать код

@HtmlGram1 | #gsap