CSS Фичи

Expanding circle SVG loader animation Расширяющийся круг анимации загрузчика. SVG. #анимация #svg

Delete Button Micro Микроанимация кнопки для удаления. Реализована с помощью CSS #анимация #css

CSS radio buttons Анимация кнопок при переключении с одного выбора на другой. Написана на чистом CSS. #анимация #button #css

UX in Motion | Animation UX элементы в движении. Написан на чистом CSS. #анимация #ux #css

CSS-only Todo List Checkbox Animation Анимация флажка списка задач, реализована с помощью css и js. #анимация #css #js

Star Wars Imperial Army's Product Slider! Слайдер Имперской армии Звездных войн, реализован с помощью css и js. #анимация #css #js

Slice Slider Анимация слайдера, реализована с помощью css и js. #анимация #css #js

Parallax Slideshow Слайд-шоу параллакса, реализована с помощью css и js. #анимация #css #js

Kinda Realistic Text Анимация необычного текста, реализована с помощью css и js. #анимация #css #js

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

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

Absolute Centering Абсолютное центрирование, реализовано с помощью 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

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

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

Responsive HTML5 Background Video Demo Отзывчивое демонстрационное фоновое видео, реализовано с помощью css и js. #анимация #css #js

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

Fancy Digital Clock Необычные цифровые часы. Реализованы с помощью JavaScript #анимация #css #javascript

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

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