#7 FORM / Анимация ::before и ::after на transform HD

Исходный код с урока - http://bit.ly/2LTJEFA Это заключительный седьмой урок из серии уроков по #Форме на #CSS. В нем закрепляем работу с #before и #after, которые проходили в предыдущих уроках и при помощи #transform, реализуем #эффект #анимированной обводки у социальных иконок. Продолжение: ►#1 FORM на CSS / Предварительная разметка - https://youtu.be/vsHgq4vzjr8 ►#2 FORM / Вкладки на CSS и JS - https://youtu.be/q3129D45cMs ►#3 FORM / Переключение tabs на CSS и JS - https://youtu.be/h0hkCEoS0R4 ►#4 FORM / Эффект плавающего текста на CSS - https://youtu.be/hYxFldmhDJc ►#5 FORM / ::before ::after (Практика) - https://youtu.be/qseYeMj5824 ►#6 FORM / Чекбокс (АНИМАЦИЯ) - https://youtu.be/-JHHSbfpFsI *Видео метки*: [00:40] - Введение [02:02] - Добавляем блок div [02:55] - Добавляем псевдоэлементы [05:18] - Создаем анимацию по наведению ------------------------------------------------------------------------------------------------------- Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по #CSS3, #HTML5 Редактор #PhpStorm Обсуждение видео: https://youtu.be/R7yB2ganPho Скачать архив с урока - http://bit.ly/2JRybFY ⭐ Шпаргалка по #EMMET - http://bit.ly/2zwDk1p ⭐ Шпаргалка по #Иконкам - http://bit.ly/2nHR4lt Подписка на канал: 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 ------------------------------------------------------------------------------------------------------- Мы очень рады если видео "7 FORM / Анимация ::before и ::after на transform" Вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по #CSS, так и другим #WEB разработкам.