Эффекты наведения с надписью на 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
Обсуждение видео: • Эффекты наведения с надписью на CSS /...
Текстовое описание урока - 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 разработкам.
Смотрите видео Эффекты наведения с надписью на CSS / Image Hover Effects CSS3 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Denis Gorelov 23 Сентябрь 2017, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 20,968 раз и оно понравилось 979 людям.