Magic Dust - GSAP Canvas Particles — анимированный звездный фон со следом от мыши. Реализован с помощью SCSS и JavaScript.

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

Crow Single Div — минималистичная ворона в клетке. Реализована с помощью CSS.

#css

Jello Stretchy Variable Font — интерактивный текст с эффектом желе. Реализован с помощью SCSS и JavaScript.

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

Scroll direction rotation — галерея с эффектом наклона при скролле. Реализована с помощью SCSS и JavaScript.

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

Shiny Debit Card — анимированная 3D банковская карта. Реализована с помощью CSS и SVG.

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

RETROESQUE TEXT REVEAL EFFECT — анимированное появление текста. Реализовано с помощью Slim, SCSS и GSAP.

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

Navbar — навигационная панель-бургер. Реализована с помощью CSS.

#анимация #css

Demo of CSS-only motion curve

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

#анимация #css

Kippo Hover Card Effect — Галерея с эффектом при наведении. Реализована с помощью CSS и JavaScript.

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

Just Ice — анимированная сцена с объемным кубиком льда. Реализована с помощью CSS, Pug и JavaScript.

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

clip-path cutter — эффект разрезания объекта при проведении по нему курсором. Реализован с помощью CSS и JavaScript.

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

Cloud Upload Bubbles — анимация загрузки файла в облако. Реализована с помощью CSS и JavaScript.

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

Menu Button Interaction — анимированная кнопка контекстного меню. Реализована с помощью SCSS, SVG и JavaScript.

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

Genuary 18 - Definitely not a grid — анимированное число с отражением. Реализовано с помощью HTML.

#анимация

Loading Animation — анимация загрузки. Реализована с помощью SCSS и Pug.

#анимация #scss

Text Reflect Effect Demo — набор различных вариантов отражений текста. Реализован с помощью SCSS.

#анимация #scss

Neumorphism Gradient Loader Animation Effects — анимированная загрузка-градиент. Реализована с помощью SCSS.

#анимация #scss

Bokeh Lighting Background — "объемный" фон с анимацией. Реализован с помощью CSS и JavaScript.

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

Navigation PageDesign/Lesson — анимированная страница с навигацией. Реализована с помощью CSS, Pug и JavaScript.

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

Text Animation — анимированный текст. Реализован с помощью SCSS и Pug.

#анимация #scss

CSS Light Sphere — анимация в виде неоновой сферы. Реализована с помощью чистого CSS.

#анимация #css