Firefox не блюрит дальше 61px
Я хочу сделать на заднем плане заблюранные "фонари". Блюр довольно большой: 150px, но в Хроме и Сафари все хорошо работает. Вот так это выглядит в Хроме и Сафари. А вот …
Вопросы по тегу: css
- 1 ▲0 ответ.
- 0 ▲1 ответ.
Как убрать вот это расстояние перед <a> элементом
Как убрать вот это расстояние HTML <!DOCTYPE html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i…
- -1 ▲1 ответ.
Как выравнить таблицу по середине и задать ширину 95%
Мне нужно выравнить таблицу по центру, добавить скролл по горизонтали, я нашел пример, с затенением по краям таблицы, адаптировал к своей таблице. Мой CSS и HTML: .big-table { ove…
- -2 ▲2 ответ.
Как извлечь текст из тега html при помощи js?
Вот html код: <ul id="btn-list" class="list-catalog list-catalog-sorting"> <li id="text-list" class="text-list">Дешевле - Дорож…
- 0 ▲1 ответ.
как отображать данные из localStorage
Привет я делаю игру на JS, угадай число и передо мною стала задача реализовать сохранения попыток угадывания числа и их отображения на сайте даже при обновлении страницы по кнопке…
- 0 ▲0 ответ.
Не могу изменить ширину элемента с помощью "width"
Есть div, которому нужно изменить ширину. <div id="inhere"> <input type="text" name="message_input"> </div> css: #inhere{ margin-le…
- 0 ▲1 ответ.
как сделать контент NavBar белого цвета?
Эти вкладки белого цвета при наведение курсора тоже белые и появляется подчеркивание снизу, но при нажатие на вкладку Pricing Pricing становится черным,хотя я сделал так что если …
- 0 ▲1 ответ.
Почему <a> элемент не кликабельный
Почему элементы не кликабельны? body { background-color: #212121; color:white; } header { background-color: #303030; height: 100px; display: flex; justify-content: end; align-item…
- 0 ▲1 ответ.
Реализовать поиск по скрытому списку ul -> li
Помогите пожалуйста. Покурил форум, слепил из двух решений одно, но оно, естественно, оказалось не рабочим. С js даже не на Вы. Коротко, что хочу сделать: Список. В нем дивы, раск…
- -1 ▲2 ответ.
Как добавить розовые границы
Нужно сделать розовый border элементу, как на картинке приведенной ниже: width: 316px; height: 380px; background: linear-gradient(360deg, #16181B 0%, rgba(22, 24, 27, 0) 70.26%); …
- 0 ▲0 ответ.
Почему медиа запросы не работают?
Медиа запросы не работают: <meta name="viewport" content="width=device-width, initial-scale=1"> Стили в правильном порядке. .contact { display: flex; jus…
- 0 ▲0 ответ.
Картинка заглушка
hero__img { display: block; position: relative; display: flex; min-width: 560px; height: 660px; background-size: contain; background-position: center; background-repeat: no-repeat…
- 0 ▲1 ответ.
Не работает код на локалке и сервере
Подскажите пожалуйста, почему не выполняется код на локалке и на сервере, а на codepen.io всё работает (в кодепен не мой код, но нужно такое же) https://i.sstatic.net/p2yJ4.jpg ht…
- -2 ▲1 ответ.
html - Увеличение картинки вместе с текстом при наведении
Мне надо, чтобы при наведении на текст или на картинку увеличивалось всё: текст, картинка и задняя серая панель Но сейчас, при наведении на текст, он увеличивается, а картинка про…
- 1 ▲1 ответ.
Как сделать правильно списки
Всем привет. Нужно сделать два дива .list с двумя колонками списка и что-бы они делили пространство между собой, но возникает одна проблема, когда в первом диве .list текста мало …
- 0 ▲0 ответ.
Статус бар на айфоне
интересуюсь вопросом. Как настраивается вот этот блок в браузере на айфоне? Надо стили какие то прописать на сайте, или метатеги?
- 0 ▲1 ответ.
Адаптированные отступы
Всем привет. Можно ли как-то задать адаптированный размер margin/padding для элементов? Чтобы при уменьшение экран также уменьшались отступы. Например как max-width: 1200 для блок…
- 0 ▲1 ответ.
Съезжают слайды при пролистывании назад
Когда листаю слайды вправо все корректно отображается, но если листать назад, то слайды как будто съезжают в центр let swiper = new Swiper(".popular-list", { slidesPerView: 4, spa…
- 0 ▲3 ответ.
Как исправить слайдер чтобы он функционировал
Сделал слайдер в 3 картинки, написал js, но переключается только с первой на вторую картинку и перестаёт работать. В чём проблема? const slides = document.querySelectorAll('.slide…
- 0 ▲0 ответ.
Добавление блока текста справа относительно блока, который увеличивается. CSS
Созданы блоки, которые увеличиваются при наведении мышки на блок с помощью метода :hover. Хотел бы добавить чтоб справа добавлялся текст, но пока что не выходит. Подскажите как пр…
- 0 ▲0 ответ.
Xpath одинаковые элементы, но нужен конкретный
У меня есть меню отображения input элементов. Рядом есть иконки на подобие обычных чекпоинтов отвечающие за отображение того или иного input на сайте. Таких у меня примерно 15 шту…
- 0 ▲1 ответ.
Движение картинки в input
Хотел реализовать , чтобы внутри input была картинка , которая двигалась бы в зависимости от количества написанного текста в input , то есть условно она там будет располагаться в …
- 0 ▲0 ответ.
Помогите разделить header и sidebar с контентом
Пытался разделить header, sidebar и main(контент). Никак не получилось. Прошу помощи) /* Google Font Import - Poppins */ @import url('https://fonts.googleapis.com/css2?family=Rubi…
- 0 ▲1 ответ.
Почему не отображается массив в html?
Я написал скрипт который выводит массив с массивами в html, и он работает. Но почему-то блоки которые он создаёт не видно на самой странице, в панели разработчика видно что ширина…
- 0 ▲0 ответ.
Проблема flex-wrap блоки не переносятся
нормально (для телефонов) блоки не переносятся Всего блока 3 и каждый по 33.3% дб , проблема из за процентов , чем можно заменить % .block__display-flex { display: flex; flex-dire…
- 0 ▲1 ответ.
Как правильно споцизионировать элементы grid?
Данные картинки не могу правильно расположить на странице, помогите пожалуйста. .container { margin: 0 auto; max-width: 1200px; } .grid__list { display: grid; grid-template-column…
- 1 ▲0 ответ.
Как добиться того, чтобы внутри кнопки не переносился текст на новую строчку?
Мне надо добиться того, чтобы внутри кнопки текст не переносился на вторую строчку, был в одну, расширяя кнопку. Это происходит автоматически, если задать свойство flex-wrap: wrap…
- 0 ▲1 ответ.
Не получается отодвинуть вправо "Telegram Vk Instagram". margin-left не работает!
Html: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Магазин</title> <link href="https://fon…
- 1 ▲1 ответ.
Не двигается ползунок у input range
Всем привет! Не работает ползунок у input range хотя его value меняется. У меня два input в один вводится число и input range подстраивается под него. Либо когда меняем значение i…
- 1 ▲0 ответ.
Адаптация под разрешение экранов
Сделал схему зала через этот инструмент https://github.com/omahili/seatchart.js. Как можно его адаптировать под разрешение экрана? Или чтобы было что-то наподобие зума и тд как в …