Nova - Points

Анимация точек (цвет, анимация, порядок вращения). Реализована с помощью CSS и JS

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

Glassmorphism Creative Cloud App Redesign

Редизайн приложения Glassmorphism Creative Cloud. Реализован с помощью CSS и JS

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

Carousel with drag and wheel

Карусель с перетаскиванием и прокруткой колеса. Реализована с помощью CSS и JS

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

Revolving lantern with glow effect

Вращающийся фонарь с эффектом свечения. Реализован с помощью CSS и JS

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

Mechanical Keyboard

Механическая клавиатура. Реализована с помощью CSS и JS

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

Liquid Transition Effect

Эффект переливающейся воды, реализованный на CSS(SCSS), JavaScript

#эффект #scss #js

Google button click effect

Эффект клика по кнопке, реализованный на CSS(SCSS), JavaScript

#эффект #scss #js

RADIO BUTTON

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

#анимация #css #кнопка

Pure CSS : Radio Button

Анимация состояний переключателя радио-кнопок. Написана на чистом CSS.

#эффект #css #кнопка

Retro Music Player - Scroll Loop

Анимация ретро-музыкального проигрывателя. Написана на чистом CSS.

#анимация #css

Split Slick Slideshow

Раздельное слайд-шоу, реализовано с помощью css и js.

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

Responsive Audio Player

Адаптивный аудиоплеер, реализован с помощью JavaScript и CSS.

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

Charts info graphic

Графика с информацией о диаграммах, реализована с помощью css и js.

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

CSS Text filling with water

Анимация заполнения загрезки, написана на чистом css.

#анимация #css

Pure CSS Gradient Background Animation

Градиентная фоновая анимация, реализована на чистом css.

#анимация #css

CSS 3D Bending Effect - Page Flip

Анимация переворота страницы, реализована с помощью css и js.

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

Multi Step Form with Progress Bar using jQuery and CSS3

Многошаговая форма с индикатором выполнения, реализована с помощью jQuery и CSS3

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

Storm lightning effect

Эффект грозовой молнии, реализованная с помощью CSS.

#анимация #css

Design System

Дизайном системы имеет несколько компонентов, которые вы можете использовать.
Этот дизайн уже использует автоматический макет, который является аккуратным и простым в использовании. Эта система проектирования также подходит для тех, кто хочет узнать о компонентах, вариантах и свойствах.

#Webdesign #UiKit #ux
💙 Figma Community

Multi-line spanning animated underline

Многострочное анимированное подчеркивание, написано на чистом css.

#анимация #текст #css

Animated text-shadow entrance

Анимированный текст с тенью, реализован с помощью css и js.

#анимация #текст #css #js