CodePenChallenge: Round — анимированная сцена с вращающимися фигурами. Реализована с помощью SCSS, SVG и TypeScript.

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

3D Loader Cube 😎 — прыгающий кубик за место скучной загрузки. Реализован с помощью CSS.

#анимация #css

Sidebar Interaction — интерактивная боковая панель с переключением цветовой схемы. Реализована с помощью SCSS и JavaScript.

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

Delaunay Triangulation — анимированный фон из треугольников. Реализован с помощью CSS и JavaScript.

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

Grid 3d card tilt effect — карточки с эффектом объема при наведении. Реализованы с помощью CSS и JavaScript.

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

Dashboard UI — пользовательский интерфейс. Реализован с помощью SCSS.

#анимация #scss

overlapping sticky cards — карточки накрадывающиеся друг на друга при скролле. Реализованы с помощью SCSS.

#анимация #scss

Button Hover Effects — кнопки с эффектом при наведении. Реализованы с помощью SCSS и JavaScript.

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

Digital Rain – CodePen Challenge — сцена с "дождем" из символов, прямо как в матрице. Реализована с помощью CSS и JavaScript.

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

Carousel with drag and wheel — анимированная карусель. Реализована с помощью SCSS, SVG и JavaScript.

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

Glowing button | SCSS nesting — кнопка с эффектом свечения. Реализована с помощью SCSS.

#анимация #scss

CSS-only Slide-up Caption Hover Effect — карточки с всплывающей информацией при наведении. Реализованы с помощью CSS.

#анимация #css

Tuggable Light Bulb! — интерактивная лампочка с ручным переключением. Реализована с помощью CSS, Pug и JavaScript.

#анимация #css

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

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

Animated Upload Modal — анимированная форма для отправки файла на сервер. Реализована с помощью CSS и JavaScript.

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

ERROR — анимированное окно с ошибкой. Реализовано с помощью CSS, SVG и JavaScript.

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

Card Hover Interaction — Карточки с всплывающей информацией при наведении. Реализованы с помощью CSS.

#анимация #css

Skeuomorphic like button | SCSS nesting — анимированная кнопка лайка. Реализована с помощью SCSS и JavaScript.

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

Cute skeuomorphic checkboxes — стилизованный чекбокс с небольшими анимациями нажатия. Реализован с помощью SCSS.

#анимация #scss

Expanding Button — Анимированная кнопка с различными ссылками на медиа. Реализована с помощью SCSS, Pug и JavaScript.

#анимация #scss #pug #js

Add to cart — Кнопки "Добавить в корзину" с эффектом небольшого затемнения при наведении. Реализованы с помощью SCSS, SVG и JavaScript.

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