RADIO BUTTON

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

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

Google button click effect 

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

#эффект #scss #js

Volume button knob 

Кнопка увеличения/уменьшения громкости, реализованная на CSS(SCSS), JavaScript(TypeScript)

#кнопка #scss #typescript

Card Split Hovers 

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

#эффект #pug #css #js

Neumorphism animation 

Анимация неоморфной кнопки, реализованная на чистом CSS

#анимация #css

Liquid Transition Effect 

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

#эффект #scss #js

Sliding tabs 

Скользящая панель вкладок, реализованная на CSS(SCSS)

#анимация #scss

Off The Wall Image Menu 

Меню изображений со стены, реализованное на CSS, JavaScript

#меню #css #js

In-n-out box-shadow animation 

Анимация теней для окна ввода-вывода, реализованная на CSS и JavaScript

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

Confetti Button

Кнопка подписки, при нажатии на которую появляется конфетти. Реализована с помощью JavaScript.

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

Footer sorrow

Необычный эффект при прокрутке страницы. Реализован с помощью JavaScript.

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

Fancy Digital Clock

Необычные цифровые часы. Реализованы с помощью JavaScript

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

Codevember

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

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

Responsive HTML5 Background Video Demo

Отзывчивое демонстрационное фоновое видео, реализовано с помощью css и js.

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

Pure CSS Select

Анимация выпадающего меню, написана на чистом css.

#анимация #css

CSS Range Slider

Ползунок диапазона CSS, реализован с помощью css и js.

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

Присоединяйтесь к бесплатному интенсиву по motion-дизайну и создайте анимированный постер. Вебинары подойдут новичкам, а также дизайнерам, которые хотят освоить новое направление и узнать, как с помощью анимации «оживить» свои работы.

Подробная программа и регистрация: 👉 https://epic.st/Gi-oI

✔️ Узнаете, что такое motion-дизайн, что нужно знать и уметь motion-дизайнеру.
✔️ Познакомитесь с программой After Effects и научитесь базовой работе в ней.
✔️ Пройдёте этапы создания анимации от сценария до готовой сцены.
✔️ Создадите свой первый проект — зацикленный анимированный постер.
✔️ Получите обратную связь и ревью работ от эксперта.

Спикер — Юра Фоменко, более 7 лет опыта в дизайне. Он работал в MY.GAMES, создавал проекты для портала Госуслуг, клубов КХЛ, Кинопоиска. Ведущий дизайнер медиастудии «Цифра Ё».

Сразу после регистрации вы получите на почту подборку полезных материалов для начинающего motion-дизайнера.

🎁 Всем дошедшим до конца интенсива дарим книгу «Цифровой минимализм. Фокус и осознанность в шумном мире» издательства МИФ, а тем, кто будет участвовать в вебинарах онлайн, — сертификат на скидку 10 000 рублей, который можно потратить на любой курс Skillbox.

Ждём вас в прямых эфирах 22 мая в 21:00, 23–24 мая в 19:00 по московскому времени!

Успейте зарегистрироваться: 👉 https://epic.st/Gi-oI

Absolute Centering

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

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

Tabs Navigation UI

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

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

Off-canvas Navigation Variants (Sidebar)

Варианты навигации вне холста (боковая панель), реализованы с помощью css и js.

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