Картинка заслоняет уголки у блока
Сделал у текстового блока уголки с помощью двух прямоугольников псевдоклассов При изменении z-index у изображения оно начинает закрывать уголки Код: *{ margin: 0; padding: 0; } :r…
Вопросы по тегу: css
- 1 ▲1 ответ.
- 1 ▲1 ответ.
Почему псевдо элемент(.todo-item__span::after) появляется не по середине?
Проблема заключается в том что при клике на .todo-item__span::before элемент .todo-item__span::after появляется в нижнем правом углу, а должен по середине. .todo-item__container-f…
- 0 ▲1 ответ.
Как добавить header когда страница скролится вверх?
Как сделать так что-бы когда скроллим страницу хедер пропадает. Но если он проскролить вверх , хедер снова появляется на любом участке. Спасибо addWindowScrollEvent = true; const …
- 1 ▲1 ответ.
Как добавить класс другому блоку в зависимости от слайда swiper.js?
Я использую для слайдера библиотеку swiper.js. Мне необходимо в зависимости от текущего слайда, добавлять класс для header, для того, чтобы текст в нем был другого цвета. Желатель…
- 0 ▲0 ответ.
Переключение слайдов в swiper slider
На данный момент когда я в thumbs переключаю слайды, то активный слайд сразу передвигает контейнер, а не идет к нижнему слайду. Сейчас все наглядно покажу. Сейчас у меня вот так а…
- 1 ▲1 ответ.
Анимация svg элемента (движущийся пар над стаканчиком кофе)
Как сделать анимацию движения паров над стаканчиком? Чтобы все три волны двигались одинаково синусоидально(как змея), но при этом были статичны(неподвижны). Я пробовал SVGator , S…
- 0 ▲0 ответ.
Как правильно обеспечить работу Z-index между страницей и iframe?
На сайте есть окно(div), оно должно быть поверх iframe блока, но внутри iframe тоже есть окна, некоторые из которых должны быть поверх этого первого окна. Как правильно это реализ…
- 1 ▲1 ответ.
Почему при нажатии на popup он закрывается?
Открытие popup происходит хорошо, но когда я нажимаю на содержимое popup например на один из input то он сразу закрывается, как я это могу решить? const openButtonProduct = docume…
- 0 ▲0 ответ.
Как плавно заполнить background у div-а?
Есть блок, который на странице выглядит так: Html выглядит так: <div class="relative rounded-full rating_border overflow-hidden h-9 bg-grey-100 mb-3"> <div clas…
- 0 ▲1 ответ.
Подскажите в чем проблема. Ошибка ERR_FILE_NOT_FOUND при появлении картинки в окне
При нажатии на галерею изображений, должно всплывать фото в отдельном окне , но почему то при нажатии происходит ошибка ERR_FILE_NOT_FOUND <div class="container-gallery&qu…
- 0 ▲1 ответ.
Как растянуть input на всю ширину родителя?
Есть у меня форма и wrapper. Даю wrapper-у display:flex; Даю form-е max-width: 480px; и input-ам даю width:100% но инпуты не растягивается на всю ширину. <div> <form> …
- 0 ▲1 ответ.
SASS не работает один класс
Делаю сайт, в header есть вот такой текст, разбитый на два класса main и secondary. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-…
- 1 ▲2 ответ.
Как сделать одинаковую высоту слайдов в Slick Slider
Всем привет! Я попробовал уже много способов решения этой проблемы, но так и не смог решить её. Мне необходимо, чтобы высота слайдов в slick slider была одинаковой и соответственн…
- -4 ▲1 ответ.
Анимация плавного появления при скролле
Как сделать такую анимацию чтобы при скролле вниз она плавно появлялась, а при скролле верх она плавно исчезала. Пример:
- 0 ▲1 ответ.
Как зафиксировать объекты при масштабировании
Кусочек кода HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width…
- 0 ▲1 ответ.
Как сделать рамку так чтобы одна часть была над другим элементом а другая под другим элементом?
Всем привет. Помогите пожалуйста сделать рамки как на картинке, так чтобы одна часть была над другим элементом а другая под другим элементом ?
- 0 ▲1 ответ.
Как сделать чтобы блок скролился мышкой в overflow-hidden
Возникла проблема. Не пойму как сделать, чтобы блок скролился внутри блока с overflow:hidden. Я нашел решение на реагирование с колесиком мышки, но как сделать, чтобы реагировало …
- 0 ▲1 ответ.
Как сделать, чтобы контейнер было видно только внутри карточек
Есть контейнер, внутри (или поверх) которого располагаются карточки. Вопрос в том как сделать так, чтобы пространство между карточками было белым (или просто не отображался контей…
- 0 ▲1 ответ.
Как сделать счетчик ввода значений?
Подскажите пожалуйста как реализовать счетчик значений как на фото https://i.sstatic.net/nZiNw.png . Получается что в input можно писать только 1 цифру, и инпуты как-бы открываютс…
- -1 ▲1 ответ.
Анимация текста как у Spotify
Подскажите, как сделать такую анимацию?
- 0 ▲1 ответ.
Высота ребенка по всю высоту скролла родителя + абсолютный блок
Если внутри скролла есть элемент с абсолютной позиций (.absolute), он расширяет высоту скролла переполненного родителя (.overflow), но контент (.content) при этом не расширяется, …
- 0 ▲1 ответ.
Карточки слайдера slick
Такая проблема, верстаю карусель из карточек, используя slick. Сам слайдер работает, но я хочу, чтобы карточки меняли резиново свои размеры (ширина, высота, font-size) Подскажите,…
- 0 ▲1 ответ.
CSS проблемы с ::before
на оригинальном сайте, при наведении на ссылку в меню, появляется зеленая полоса, индивидуальная для каждого элемента списка. Я скопировал оттуда стили, но у меня полоса сплошная …
- 1 ▲0 ответ.
Выровнять элементы
Всё никак не могу выровнять элементы, при одних размерах внутренних элементов кажется, что все отлично, но когда добавляю больше содержимого, то некоторые псевдоэлементы перестают…
- 1 ▲0 ответ.
Как отцентровать блоки в последней строке грида, при условии, что блок динамичный и количество элементов может меняться?
Как отцентровать блоки в последней строке грида, при условии, что блок динамичный и количество элементов может меняться? Собственно, интересует, есть ли вообще такое решение у гри…
- 0 ▲1 ответ.
Как работает градиентый текст в данном случае?
Объясните, пожалуйста как работает градиентный текст? background: var(--third-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; Что записывается…
- 0 ▲1 ответ.
Почему не получается прижать грид элемент полностью к верху?
Есть вот такой блок нужно чтоб кнопки переключение слайдов прижимались к верху прописываю им align-self: start; они все ровно не становятся в самый верх когда вместо start ставлю …
- 2 ▲1 ответ.
У h1 появляется margin после подключения normalize, но я сбрасывала отступы с помощью *
В css пишу *{ box-sizing: border-box; margin: 0; padding: 0; } Подключаю normalize.css и из него у h1 появляется margin: 0.67em 0px; А по макету мне нужен только margin-top: 53px …
- 0 ▲1 ответ.
Почему мой фон отображается только на одной части сайта
У меня есть часть кода в css и html: * { padding: 0; margin: 0; box-sizing: border-box; scroll-behavior: smooth; } body { font-family: 'Oswald', sans-serif; } ::selection { backgr…
- 0 ▲1 ответ.
Почему-то перестало работать подчеркивание + счетчик
Html/Css/Js код : let inputData = document.querySelector('#inputTask'); let btnAddTask = document.querySelector('#btn-add'); let ulList = document.querySelector('#list'); let span…