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

Checklist animation

Анимация зачёркивания списка checklist на чистом CSS. 

⤷ Забрать код

@HtmlGram1 | #css

3D Button

3D-кнопка на чистом CSS.. 

⤷ Забрать код

@HtmlGram1 | #css

Rating

Рейтинг в виде звезд. Анимация реализована с помощью GSAP.

⤷ Забрать код

@HtmlGram1 | #gsap

Credit Card Form

Адаптивная форма для кредитной карты с функцией форматирования чисел, проверки и автоматического определения типа карты. Реализована с помощью VueJs.

⤷ Забрать код

@HtmlGram1 | #vue

Welcome

Aнимация приветствия на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Sale label

4 примера реализации движущейся этикетки для рекламы распродажи на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Pure CSS Cyberpunk 2077 Buttons

Кнопки Cyberpunk 2077 на чистом css. Glitch-эффекты реализованы с помощью css-свойства clip-path.

⤷ Забрать код

@HtmlGram1 | #css

Music player widget

Виджет музыкального плеера. Реализован с помощью HTML, CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #HTML #CSS #JavaScript

Confetti Button

Красивая реализация кнопки загрузки, при нажатии на которую вылетает конфетти. 

⤷ Забрать код

@HtmlGram1 | #css #javascript

Tooltip Magic

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

⤷ Забрать код

@HtmlGram1 | #css

Digital Alarm / Clock / StopWatch

Цифровые часы в современном стиле с будильником и секундомером. Часы реализованы с помощью jQuery.

⤷ Забрать код

@HtmlGram1 | #jquery