#6 FORM / Чекбокс (АНИМАЦИЯ)
Исходный код с урока - http://bit.ly/2LttTpe
Это шестой урок по #Form, в данном видео разбираем эффект #анимирующего #чекбокса, который сделаем на #псевдоэлементе #before и далее при помощи свойства #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 (Практика) ►#7 FORM / Анимация ::before и ::after на transform - • #7 FORM / Анимация ::before и ::after на t... *Видео метки*: [00:40] - Выводим иконки во вкладках (задача) [02:10] - Чекбокс, оформляем ссылку [05:26] - Добавляем псевдоэлемент before [06:26] - Связываем before с checkbox [07:20] - Рисуем и анимируем галочку [08:25] - Скрываем стандартный checkbox ------------------------------------------------------------------------------------------------------- Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по #CSS3, #HTML5 Редактор #PhpStorm Обсуждение видео: • #6 FORM / Чекбокс (АНИМАЦИЯ) Скачать архив с урока - http://bit.ly/2Lt7sAF
⭐ Шпаргалка по #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
------------------------------------------------------------------------------------------------------- Мы очень рады если видео "#6 FORM / Чекбокс (АНИМАЦИЯ)" Вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" 👍 и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по #CSS, так и другим #WEB разработкам.
