Card Hover Interactions - адаптивные карточки с необычным взаимодействием при наведении на чистом CSS.

#карточки #card #hover #css

Liquid loader - "жидкий" прелоадер, реализован из SVG-элементов с анимацией на чистом CSS.

#прелоадер #preloader #css

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

#плейсхолдеры #placeholder #css

Clipped Image Reveal on Hover - при наведении курсора на текст появляется изображение. Использованы HTML, CSS и JS.

#наведение #hover #css #javascript

CSS leaning card effect - CSS-эффект наклонных карт на чистом CSS.

#карточки #card #leaning #css

Link hover animation - анимация SVG-элемента при наведения на ссылку на чистом CSS.

#анимация #hover #animation #css

Navigation - меню навигации, которая реализовано с помощью HTML, CSS и JS. Анимация реализована с помощью GSAP.

#навигация #navigation #javascript #gsap

Shopping UI - пользовательский интерфейс карточки товаров и карточки корзины, реализованный с помощью Vue и axios, анимация - с помощью GSAP.

#карточки #card #shopping #ui #Vue #gsap #axios

Pricing - карточки прайса на чистом CSS с динамической заменой изображения, цвета текста и кнопки при выборе того или иного прайса.

#карточки #card #pricing #css

Confirm confetti button - кнопки с анимацией вылета конфетти при клике. Анимация реализована с помощью GSAP и Physics2DPlugin.

#кнопки #button #confetti #gsap #javascript

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

#кнопки #3d #button #css

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

#аимация #чеклист #checklist #animation #css

Canvas Cloud

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

#javascript #анимация

Mitosys Canvas

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

#анимация #javascript

Анимация текста

Красивая анимация текста при наведении, которая станет фишкой вашего портфолио или сайта вашего клиента.

#gsap #css

Random Password Generator - генератор случайных паролей. Реализован с помощью HTML, CSS и JS.

#js #css

Sense of depth - реализация объёма с помощью css-свойства clip-path.

#css #анимация

Image slider with multiple controls - адаптивный слайдер с автопрокруткой и несколькими элементами управления. Реализован с помощью HTML, CSS и JavaScript.

#css #javascript

Profile Card Hover Effect - эффект увеличения изображения карточки при наведении. Реализован на чистом CSS.

#css

Hideaway - эффект перелистывания бумаги. Реализовано с помощью CSS-свойства clip-path
и серединного перпендикуляра.

#css #javascript