CSS Clip-Path Hover Effect - использование свойства clip-path при наведении для придания изображению формы стрелки с анимацией.

#css

Electric strings — электрический "паук", который следует за движением курсора. Реализован с помощью JavaScript.

#javascript

Sea anemone - Морской анемон, реализованный с помощью javascript

#javascript #css

Lava Lamp effect - Генерируются случайным образом круги разных цветов и размеров, и с разной задержкой анимации. С помощью svg фильтров feGaussianBlur, feColorMatrix и feComposite достигается итоговый результат. Без svg фильтров это просто хаотично движущиеся шарики.

#html #css #js

Responsive Blog Card Slider - Адаптивная карточка со слайдером swiper для использования на сайте.

#html #css #js

Particle 404 - Вариант оформления ошибки 404 на частицах.

#html #css #js

Three.js Mobile VR Sonic - Бегущий Sonic в 3D пространстве three.js с возможностью перехода в VR режим. Sonic может прыгать и собирать монетки.

#html #css #js

GSAP Powered Side Nav - При клике на иконку стрелки выезжает боковая панель с навигацией. Анимация сделана с помощью GSAP.

#html #css #js

FeTurbulence, feColorMatrix, feDisplacementMap - SVG фильтры FeTurbulence, feColorMatrix, feDisplacementMap, которые применили к тексту для придания эффекта повреждения и деформации букв.

#html #css

Turbulence SVG-filter with feColorMatrix - SVG фильтр придающий тексту эффект текстуры в стиле зебра.

#html #css

Waves - Скрипт для генерации волн.

#html #css #js

simple floor animation - Люминесцентное свечение точек положение и свечение которых, зависит от положения и скорости перемещения курсора по холсту.

#html #css #js

CSS Scroll Reveal animation text and image with delay v2 - Популярный эффект reveal для плавного появления текста или картинок при скролле.

#html #css #js

Search box animation - Анимация появления формы поиска при нажатии на иконку лупы.

#html #css #js

Pure CSS Cycling Animation - Велосипедистка, анимированная с помощью CSS.

#html #css

Text Morph

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

#анимация #CSS

Custom Tooltip

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

#меню #css

Nav Bar Micro Interaction

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

#панельнавигации #css

Click Me - Анимированная кнопка, которая подсвечивается при нажатии.

#кнопка #html #css

Light/Dark Mode Toggle

Переключение светлых/темных режимов с эффектом занавески, реализованное на чистом CSS.

#переключатель #чекбокс #css

Glass Card w/ SVG + GSAP - Банковская карта с эффектом прозрачности, как-будто это стекло. При наведении на карту она начинает двигаться.

#меню #html #css #js