CSS3 Animation hover effect | Практика CSS / HTML5

Исходный код с урока - http://bit.ly/2AD3Arl Продолжение (2 часть) - https://youtu.be/3yaQqlB_EBQ #EMMET молниеносная верстка - http://bit.ly/2yUtHwf Видео урок разбил на две части, в первой покажу, как сделать тройной #эффект при наведение на блок с #изображением. Подключим иконку с сайта #fontawesome.ru и реализуем ее #анимацию. Во втором уроке сделаем свою #сетку при помощи модуля #Grid, и #адаптируем элементы блоков с изображениями под разные #разрешения #экранов. Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Псевдоэлемент #before, #transition, #transform, #overflow, #hover и еще дополнительные стили. Документацию по #CSS3, HTML5 Редактор #PhpStorm *Видео метки*: [00:10] - Обзор урока по анимации [02:02] - Описываем HTML структурe [03:45] - Коротко об разметки [05:04] - Вставляем иконку fontawesome [06:06] - Оформляем основные стили блоков [06:51] - Оформляем анимацию иконки [11:37] - Анимируем картинку [12:45] - Анимируем ::before [14:56] - Оформляем текстовый блок Обсуждение видео: https://youtu.be/s8imyjuTUyk Скачать архив с урока - https://goo.gl/nV7MJs Шпаргалка по #EMMET - http://bit.ly/2zwDk1p Подписка на канал: https://dwstroy.ru/~dwstv Видео сборник: https://dwstroy.ru/~S126H *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: http://dwstv.ru/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео "#CSS3 #Animation #hover #effect" Вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по #CSS, так и другим #WEB разработкам.