#2. Уроки по CSS для НАЧИНАЮЩИХ (id, class, rgb, rgba, hex)
Делаем анимацию фона (background) на css
Добрый день. Рассмотрим как просто сделать анимированный градиентный фон на чистом css. В этой статье сделаем градиентный фон и при помощи CSS стилей анимируем плавную смену градиента фона. Делаем простую страничку в HTML, примерно так: <head> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>Тест</h1> </body> На этой странице подключена только таблица стилей и в теге body указан заголовок h1. Далее в файле styles.css вставляем такой текст: body { background: linear-gradient(90deg, rgba(132,128,194,1) 0%, rgba(177,177,218,0...
Кнопка и форма входа на JavaScript
Вы можете создать для своего сайта форму входа, которая появляется после нажатия на кнопку, с помощью готового кода ниже. html <link href='https://fonts.googleapis.com/css?family=Raleway:400,500,300' rel='stylesheet' type='text/css'> <div id="mainButton"> <div class="btn-text" onclick="openForm()">Sign In</div> <div class="modal"> <div class="close-button" onclick="closeForm()">x</div> <div class="form-title">Sign In</div> <div class="input-group"> <input type="text" id="name" onblur="checkInput(this)"...