Эффекты наведения с надписью на CSS / Image Hover Effects CSS3

В данном видео уроке при помощи #CSS реализуем простой #эффект при #наведении на #картинку. Скачать шаблон - http://bit.ly/2fHOyrE Исходный код и демка - http://bit.ly/2hnKccX Для реализации такого эффекта мы задействуем в css #transform со свойствами #translate, #rotate, #scale. Для плавности появления используем #transition, и обводку сделаем на #псевдоэлементах #before и #after. Реквизиты для поддержки канала WMR - R165181087249 WMZ - Z138569415925 Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Обсуждение видео: https://youtu.be/ckEDhs1rZfo Текстовое описание урока - http://bit.ly/2hnKccX Подписка на канал: https://dwstroy.ru/~dwstv Видео сборник: https://dwstroy.ru/~S126H *Видео метки*: [00:51] - Описываем каркас блоков [01:34] - Задаем стили блоку с картинкой [01:53] - Позиционируем картинку по середине [02:16] - Трансформируем при наведении [02:56] - Оформляем текст [04:34] - Добавляем псевдоэлементы [05:45] - Анимируем их [06:22] - Скрываем основной текст *Другие видео на канале 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 Во время урока я использую: Документацию по #CSS3 Редактор #PhpStorm Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео "#Эффекты #наведения с #надписью на #CSS" было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим #WEB разработкам.