CSS3 Animation hover effect | Практика CSS / HTML5
Исходный код с урока - http://bit.ly/2AD3Arl
Продолжение (2 часть) - • Что лучше CSS Grid или Bootstrap? | Практи... #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] - Оформляем текстовый блок Обсуждение видео: • CSS3 flexbox практика | Эффект при наведен... Скачать архив с урока - 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 разработкам.
