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

В данном видео уроке при помощи #CSS реализуем простой #эффект при #наведении на #картинку. Скачать шаблон - Исходный код и демка - Для реализации такого эффекта мы задействуем в css #transform со свойствами #translate, #rotate, #scale. Для плавности появления используем #transition, и обводку сделаем на #псевдоэлементах #before и #after. Реквизиты для поддержки канала WMR - R165181087249 WMZ - Z138569415925 Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Обсуждение видео: Текстовое описание урока - Подписка на канал: ~dwstv Видео сборник: ~S126H *Видео метки*: [00:51] - Описываем каркас блоков [01:34] - Задаем стили блоку с картинкой [01:53] - Позиционируем картинку по середине [02:16] - Трансформируем при наведении [02:56] - Оформляем текст [04:34] - Добавляем псевдоэлементы [05:45] - Анимируем их [06:22] - Скрываем основной текст *Другие видео на канале DWSTV*: