Формы CSS / Как создать форму в CSS3

Опубликовано: 06 Октябрь 2024
на канале: Denis Gorelov

106,211

3.5k

Исходный код - http://bit.ly/2pvLBjL

В рамках данного видео покажу как сделать красивую #форму входа на сайт при помощи #css .

Задействуем #анимацию элементов при наведении (transition), подключим #шрифтовые иконки css, узнаете как задавать прозрачность элементам при помощи (rgba), о всем этом смотрите в видео уроке "Форма CSS".

Подписка на канал - https://dwstroy.ru/~dwstv
Обсуждение видео:    • Формы CSS / Как создать форму в CSS3
#Видео сборник- https://dwstroy.ru/~S126H

*Видео метки*:
[00:25] - Описываем каркас в html
[01:10] - Стилизация формы CSS3
[04:25] - Прозрачный фон (rgba)
[05:07] - Добавляем шрифтовые иконки

*Другие видео на канале DWSTV*:
Сайт с нуля - 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/~WNpGP
Сервис цветов - https://www.w3schools.com
Шрифтовые иконки - http://fontawesome.io

Использую музыку:
Elektronomia - Limitless [NCS Release]
Tobu - Life [NCS Release]
   / nocopyrightsounds
  / nocopyrightsounds

Добавляйтесь к нам в друзья:
Сайт видео-уроков: https://dwstroy.ru/video/
Канал в VK автора уроков: https://vk.com/dwstv
Канал группы в VK: https://dwstroy.ru/~MJM28

Мы очень рады если видео по CSS было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки по #1С битрикс.