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

Variable font animation

Анимация переменных шрифтов, реализованная с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #javascript #css

SVG Animation

SVG-анимация с распознаванием выбранного цвета, реализованная с помощью just-animate.js и TweenMax.js.

⤷ Забрать код

@HtmlGram1 | #tweenmaxjs #svg

Dynamic CSS

Динамическое изменение цвета анимированных элементов при перемещении курсора мыши, реализованное на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

CSS radio buttons

Радиокнопки, реализованные на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Extreme Hover

Эффект при наведении на изображение, при котором происходит разделение блока на отдельные куски с общим фоном изображения. Реализован с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #css #javascript

The Impossible Lightbulb

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

⤷ Забрать код

@HtmlGram1 | #gsap