Эффекты наведения с надписью на 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 разработкам.
Watch video Эффекты наведения с надписью на CSS / Image Hover Effects CSS3 online without registration, duration hours minute second in high quality. This video was added by user Denis Gorelov 23 September 2017, don't forget to share it with your friends and acquaintances, it has been viewed on our site 20,968 once and liked it 979 people.