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

Demo of CSS-only motion curve

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

#анимация #css

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

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

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

#анимация

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

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

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

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

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

#анимация #scss

Sparkly Button — анимированная кнопка с эффектом при наведении и нажатии. Реализована с помощью CSS и JavaScript.

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

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

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

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

#анимация #scss

Gallery animation — анимированная галерея с эффектом при прокрутке. Реализована с помощью CSS и JavaScript.

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

GSAP + clipPath: "path(' ')" — анимированная карточка с фото. Реализована с помощью CSS и JavaScript.

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

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

3D zig-zag edge — объемные края. Реализованы с помощью CSS.

#анимация #css

neumorphic form inputs — форма с различными элементами ввода. Реализована с помощью SCSS.

#анимация #scss