Плавная прокрутка к якорю (JS и CSS)

Плавная прокрутка к якорю (JS и CSS)

Плавный скролл к якорю – это популярная функциональность на современных сайтах, которая позволяет пользователям плавно перемещаться к определенному разделу страницы. В этой статье мы рассмотрим, как реализовать такой эффект с использованием JavaScript и CSS.
Плавная прокрутка к якорю, если шапка закрывает

Плавная прокрутка к якорю, если шапка закрывает

Мне нужно сделать меню с ссылками на якоря. Но у меня не получается, потому что мешает фиксированная шапка. Например, страница прокручивается до блока с заголовком «До центра рукой подать», но шапка закрывает начало
Как подключить svg спрайт в файл в html и css

Как подключить svg спрайт в файл в html и css

Есть сгенерированый svg спрайт - sprite.svg c symbol Если вставлять прямо в html, то все подключается отлично Но если подключать из файла (т.е. когда sprite.svg лежит в images) , то не отображается Почему не отображается иконка и как подключить в стили css иконку из спрайта?
Картинка вместо чекбокса

Картинка вместо чекбокса

Исходные чекбоксы в форме выглядят хотя и привычно, но уже несколько старомодно. Порой хочется вместо чекбокса использовать стильную картинку, которая лучше будет вписываться в существующий дизайн. С помощью CSS3 мы можем это сделать без всяких скриптов, при этом учтём и старые версии браузеров, в которых функционал формы должен сохраниться.
Как изменить курсор печати с «_» на « | »?

Как изменить курсор печати с «_» на « | »?

Я не понимаю как,но стиль написания изменился. Теперь ,когда я печатаю текст,он съедает напечатанный ранее. Как изменить курсор печати с “_” на ” | “? Кнопку insert на клавиатуре найди и нажми её
как сделать Градиентное Размытие CSS3

как сделать Градиентное Размытие CSS3

Вопрос следующий, как сделать градиентное размытие, чтобы в левом краю картинки размытие было максимальным, а уже в правом его совсем не было. Гуглил, там используют css свойство filter:blur(5px);. А как сделать так, чтобы это было как бы градиентное размытие?
Убираем лишний отступ внизу изображения

Убираем лишний отступ внизу изображения

Наверное, многие, при html-верстке, встречали «баг», когда, размещая в блоке подряд два изображения, между ними возникает промежуток, примерно в 3-5 пикселей.
Каковы последствия использования «!important» в CSS? (Eng)

Каковы последствия использования «!important» в CSS? (Eng)

Я работаю над веб-сайтом несколько месяцев, и много раз, когда я пытался что-то отредактировать, мне приходилось использовать !important чтобы он отображался так, как ожидалось. Это плохая практика? Или это !importantкоманду можно использовать? Может ли это вызвать что-то нежелательное в дальнейшем?