203 читали · 1 год назад
Стилизованный input[type="range"]
Инпут с ползунком Предыстория: Как сделать такой инпут, да еще задать ему стили? Стили, кроме того, должны быть кроссбраузерными. Очень часто его далают из стилизованых <span>, а функционал пишут на js. На самом деле это необязательно. Решение, input[type="range"] стилизация без js HTML: <input type="range" name="range" value="75" min="0" max="100" step="1" /> ...
Наложение одного элемента на другой (1-й, 2-й, 3-й план и т.д.)
Думаю что многие сталкивались с проблемой наложения одного элемента на другой (например, блок div, картинка), но не у всех получалось ее решить. Сегодня мы это исправим) Для начала нам нужно создать три блока с классами "block1, block2, block3", а также задать ширину и высоту для каждого из них. Каждый блок будет иметь свой цвет (в моем случае это черный, зеленый и синий) и сдвигаться один относительно другого (за счет относительного позиционирования). Вот что у вас должно получиться: С базовой подготовкой...