CSS: Скрытие элементов

В CSS есть возможность временного или постоянного скрытия некоторых элементов веб-страницы. Стоит обратить внимание на то, что скрытые элементы не будут отображаться только на веб-странице, но их можно будет посмотреть в исходном коде HTML-документа. If you found an error, highlight it and press Shift +…

Кнопка меняет цвет

Кнопка меняет цвет текста и фона при наведении мышки Кнопка <a href=”https://fms-kursk.ru” class=”c-btn btn-skew” >Кнопка</a> CSS: .c-btn { display: inline-block; position: relative; padding: 13px 20px; /* если нужен прозрачный фон у кнопки background: transparent;*/ background: #0b82f721; margin: 0; /* если нужна рамка вокруг кнопки border:…

Как скрыть элемент с помощью CSS

Display Свойство display скрывает элемент со страницы целиком. При display: none элемент вырывается из потока и соседние элементы в DOM перестают на него реагировать. Все дочерние элементы также будут скрыты. К этому свойству не применяют анимацию, так как переход между различными состояниями всегда будет резким….

Плавное открытие/закрытие окна (CSS свойство clip)

Довольно часто на web-страницах возникает потребность в диалоговых окнах. В начале мы используем “родные” javascript-овые Alert, Confirm, Prompt, но желание большего контроля над окном, рождает, со временем, окна на основе слоев. Своё окошко можно “вылизать” по своему усмотрению и показать пользователю во всей красе и…

CSS и JavaScript

Оформление полей ввода. CSS и JavaScript Задача: оформить поля ввода и обработать их события при фокусе и при наведении курсора мыши Решение В CSS2 существуют селекторы атрибутов, с помощью которых можно задавать стиль для конкретных элементов HTML и обрабатывать их события. If you found an…