17. CSS свойства взаимодействия — cursor, user-select, pointer-events, scroll-behavior и resize
Кнопка и форма входа на 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)"...
Кастомный Range Input (Slider)
Долго искал в Сети слайдер с дополнительными кнопками для установки предустановленных значений. Не нашел (искал вроде бы хорошо). Решил сделать сам. Для создания слайдера использовал Vue.js. Выкладываю здесь, может кому пригодится. Материал с сайта phpnick.ru. Ссылка на материал - https://phpnick.ru/posts/category/js/72 Итак, для создания кастомного Range Input или слайдера или slider’a нужны 3 составляющие, немного html, гораздо больше css и еще больше js-кода. Взболтать, но не перемешивать...