CSS анимация для чайников // CSS animation и @keyframes // CSS свойства

Сегодня я покажу на реальных примерах, как можно использовать CSS анимацию для чайников. У нас будет 3 пример с transition, keyframes. Тайм коды: 00:00 - Начало 00:37 - Анимация width при hover 06:55 - Плавное появление display block 12:25 - Blur effect ball 22:15 - Спасибо за просмотр! --------------------------------------------------------------------------------------------------- ► Интенсив React с нуля (приложение для тренировок) - https://clck.ru/WhRUz ► Интенсив Node.js + Express - Backend с нуля - https://clck.ru/WhRVu ► Интенсив по верстке сайта с 0 - https://clck.ru/WhRWW ➡️Хранилище (здесь все файлы к видео) *требуется авторизация - https://htmllessons.ru/storage ➡️Научим разрабатывать сайты - https://htmllessons.ru/ ➡️Personal Instagram -   / maxzbs   ➡️Personal YT -    / @hrdmxx   ---------------------------------------------------------------------------------------------------- ✈️ Получи до 4000 руб. на первое бронирование через Airbnb - https://abnb.me/e/Mgl6khUuN3 💸 Если хочешь поддержать, вот ссылка (сейчас сбор на камеру Sony a6400) - https://htmllessons.ru/ext/donate ---------------------------------------------------------------------------------------------------- ➡️Мой сетап VS Code -    • Настройка Visual Studio Code для разработ...   ➡️Мой сетап Sublime Text 3 -    • Настройка лучшего редактора кода Sublime ...   ---------------------------------------------------------------------------------------------------- Немного обо мне: меня зовут Максим, я уже 7 лет занимаюсь веб-разработкой. На данный момент являюсь основателем двух крутых проектов redstudio.global и htmllessons.ru. Последний, был моей дипломной работой в колледже. Как и все, начинал с изучения верстки html, css, js. Затем появилась потребность в изучении Laravel для разработки образовательного проекта. На данный момент, мой стэк технологий выглядит так: html, css, javascript, jquery, bootstrap, flex, svg, vuejs, php, laravel и различные cms. Основная миссия нашей команды – создавать крутые продукты, которые будут помогать людям и менять мир. Буду рад, если Вы нас поддержите и подпишитесь на наш канал. Спасибо 😊