Chat Bubble

Кнопка чата, плавно превращающаяся в кнопку закрытия при нажатии. Реализована на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Flip Card

Два варианта флип-карт, реализованные на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Text Morph

Анимация трансформации текста. Написана на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Custom Tooltip

Меню при нажатии на которое появляется пользовательская подсказка. Написано на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Section design with hover effect

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

⤷ Забрать код

@HtmlGram1 | #css #javascript

Dropdown Menu

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

⤷ Забрать код

@HtmlGram1 | #css

Modal Animations

7 видов анимации модальных окон, реализованных с помощью CSS и jQuery.

⤷ Забрать код

@HtmlGram1 | #jquery #css

Button Loading Animation

Анимация загрузки в кнопке, реализованная с помощью CSS и jQuery.

⤷ Забрать код

@HtmlGram1 | #css #jquery

Menu Animation

Анимация кнопки меню, реализованная с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #css #javascript

Gradient Border

Анимированный градиентный border, реализованный на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Simple Masonry via CSS

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

⤷ Забрать код

@HtmlGram1 | #css

Fit Text

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

⤷ Забрать код

@HtmlGram1 | #css #javascript

Dark mode toggle switcher

Переключатель светлого и темного режима, реализованный на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Stylish Input

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

⤷ Забрать код

@HtmlGram1 | #css

Custom checkbox

Пользовательский checkbox, реализованный на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

CSS Price Cards

Карточки цен, реализованные на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Single input 3D form

Трехмерная форма с одним полем ввода, реализованная с помощью CSS и jQuery..

⤷ Забрать код

@HtmlGram1 | #css #jquery

Download interaction

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

⤷ Забрать код

@HtmlGram1 | #css #javascript

Pricing Tables

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

⤷ Забрать код

@HtmlGram1 | #css

Pencil and Paper Checkboxes

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

⤷ Забрать код

@HtmlGram1 | #css #javascript

Animated feedback form

Анимированная форма обратной связи, реализованная с помощью CSS, jQuery и TweenMax.js.

⤷ Забрать код

@HtmlGram1 | #css #TweenMaxjs #jquery