Background gradient moves with mouse — фон-градиент, реагирующий на движения мыши. Реализован с помощью CSS и JavaScript.

#анимация #css #js

Video Landing Page — полноэкранное видео на фоне страницы. Реализовано с помощью CSS.

#анимация #css

Passcode With Sliding Cursor — анимированное поле для ввода пин-кода. Реализовано с помощью CSS и JavaScript.

#анимация #css #js

Tatooine Flipper — интересная анимация переключения темной темы. Реализована с помощью CSS и JavaScript.

#анимация #css #js

CSS Only Windows 98 — функционирующий рабочий стол Windows 98. Реализован с помощью CSS.

#анимация #css

CSS Kawaii Shark — просто милая акула. Реализована с помощью CSS.

#css

Infinite Cover Flow w/ GSAP — объемная бесконечная карусель. Реализована с помощью CSS, SVG и GSAPjs.

#анимация #css #svg #js

SVG Text Animation Using Stroke Offset Method — анимированное появление текста. Реализовано с помощью CSS и SVG.

#анимация #css #svg

SVG animation + CSS only +hover/focus state styles — анимированные иконки с эффектом при наведении. Реализованы с помощью SCSS и SVG.

#анимация #scss #svg

Spot on in the gallery — галерея с интерактивной подсветкой фото. Реализована с помощью CSS и SVG.

#анимация #css #svg

Day and Night — анимация с переключением дня и ночи. Реализована с помощью CSS и Pug.

#анимация #css

SVG Turbulence Filter Test — настраиваемый фильтр текста. Реализован с помощью CSS, SVG и JavaScript.

#css #svg #js

Moon Prototype — анимированный прототип луны. Реализован с помощью CSS.

#анимация #css

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

#анимация #css #js

Button Hover State Border — кнопка с эффектом при наведении. Реализована с помощью CSS.

#анимация #css

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

#анимация #css #js

Impossible Checkbox v2 — забавный чекбокс, на который "невозможно" нажать. Реализован с помощью CSS, Pug и JavaScript.

#анимация #css #js

CodePen Loader — стилизованная под CodePen анимированная загрузка. Реализована с помощью CSS и SVG.

#анимация #css #svg

Stroke Logo Animation — анимированное текстовое лого с эффектом при наведении. Реализовано с помощью CSS, SVG и JavaScript.

#анимация #css #svg #js

Light circle with glow effect — неоновый круг с эффектом свечения при наведении. Реализовано с помощью SCSS.

#анимация #scss

Codepen Logo w/ Sticky Corners — интерактивное лого CodePen. Реализовано с помощью CSS, SVG и JavaScript.

#анимация #css #svg #js