Исходный код с урока -
Это заключительный седьмой урок из серии уроков по #Форме на #CSS. В нем закрепляем работу с #before и #after, которые проходили в предыдущих уроках и при помощи #transform, реализуем #эффект #анимированной обводки у социальных иконок. Продолжение: #1 FORM на CSS / Предварительная разметка - • #1 FORM in CSS / Предварительная разметка #2 FORM / Вкладки на CSS и JS - • #2 FORM / Вкладки на CSS и JS #3 FORM / Переключение tabs на CSS и JS - • #3 FORM / Переключение tabs на CSS и JS #4 FORM / Эффект плавающего текста на CSS - • #4 FORM / Эффект плавающего текста на CSS #5 FORM / ::before ::after (Практика) - • #5 FORM / ::before ::after (Практика) #6 FORM / Чекбокс (АНИМАЦИЯ) - • #6 FORM / Чекбокс (АНИМАЦИЯ) *Видео метки*: [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 Обсуждение видео: • #7 FORM / Анимация ::before и ::after на t... Скачать архив с урока -
Шпаргалка по #EMMET -
Шпаргалка по #Иконкам -
Подписка на канал:
Видео сборник:
------------------------------------------------------------------------------------------------------- *Другие видео на канале DWSTV*: JavaScript Основы -
Сайт с нуля -
Уроки по #CSS -
1С Битрикс работа с сайтом -
Управление системой Битрикс -
Настройки сайта 1С Битрикс -
Добавляйтесь к нам в друзья: Сайт видео-уроков:
Канал в VK автора уроков: https://vk.com/dwstv
Канал группы в VK:
------------------------------------------------------------------------------------------------------- Мы очень рады если видео "7 FORM / Анимация ::before и ::after на transform" Вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по #CSS, так и другим #WEB разработкам.
