CSS - Страница 649

У меня есть проект Vite+React+Typescript, в котором я пытался следовать инструкциям по установке боковой панели.
Он автоматически добавил некоторые стили в мой index.css файл. Теперь содержимое выглядит примерно так:
@import url('

body {...

Мне нужен элемент div в столбце, который становится прокручиваемым, если в нем слишком много элементов, но по какой-то причине единственный способ найти решение - это «высота: 0», что для меня не имеет смысла, я думаю, я остальное я понимаю, но это...

У меня проблема с размещением наложения поверх Text-Image-Section. Я попытался визуализировать ожидаемый результат на прикрепленном изображении. Наложение (синее) должно располагаться сверху, не перекрывая текст. Все тексты (в Text-Image-Section и в...

Моя CSS-анимация работает так, как я хочу, в Edge и Chrome, но отказывается инициализироваться в Firefox. Я попробовал включить в анимацию теги -moz- и -keyframes- и ключевые кадры, но ничто не может заставить его работать в мобильной или настольной...

У меня проблемы с корзиной, при добавлении товара из магазина он не добавляется, ошибок ни в консоли, ни в редакторе не вижу.
Репозиторий:
Может кто-нибудь помочь мне с этим, спасибо.
Привет
Нет товаров добавляются в корзину.

Подробнее здесь:

Я хочу добиться эффекта, заключающегося в том, что когда пользователь наводит курсор на элемент div, цвет его фона превращается в градиент, который плавно переключается из одного угла в другой, многократно, с использованием исключительно CSS....

Я использую корневые переменные CSS в своем проекте для динамического изменения цветов всех элементов в любое время.

Мой CSS выглядит так:
:root{
--primaryColor:aliceblue;
--secondaryColor:blue;
--errorColor:#cc2511;
}

используется в CSS...

Я работаю с Tailwind CSS в проекте Nextjs. Я попробовал создать простой заголовок, но стили не применяются.
Вот мой полный код на GitHub:

Я проверил файл Tailwind.config.ts, но пути должны быть правильными.
Я исправил предыдущие ошибки,...

Как и выше, я добавил медиа-запросы в свой CSS, протестировал свою страницу на Edge, Chrome и использовал онлайн-эмулятор мобильных устройств, и все работает нормально.
Однако, когда я на самом деле просматриваю На странице на мобильном устройстве...

У меня есть элемент HTML-диалога .parent, содержащий внутренний элемент div .child. Родительский элемент имеет высоту: fit-content, а дочерний элемент имеет высоту: 100%. В других браузерах высота элементов вычисляется как некоторое ненулевое...

Я хочу отображать всплывающее окно с предупреждением при отправке формы, но оно не работает должным образом. Когда я обновляю страницу, всплывающее окно с предупреждением не скрывается; вместо этого он продолжает отображаться даже после перезагрузки...

Я хочу элегантно избежать разрыва строки перед закрывающей точкой с помощью семантического кода.
ALP. This results in extracellular…

— который иногда отображается с точкой на следующей строке—
overloading the UPS and ALP
. This results in...

Как сделать бесконечную анимацию вертикальных линий, движущихся вдоль горизонтальных, используя только CSS и HTML?
введите здесь описание изображения
Пока у меня есть только этот вариант, но расстояние между строками не уменьшается по мере...

Я новичок, интересуюсь веб-разработкой и имею некоторый опыт работы с HTML и CSS. Мне нравится разрабатывать пользовательские интерфейсы, и я подумываю о изучении JavaScript, чтобы создавать более динамичные веб-сайты. Должен ли я выбрать группу...

Я хочу создать анимацию, используя только CSS.
Я пытаюсь создать анимацию на своем сайте, любую анимацию маленькой кошки или что-то еще.
Необходимо создать объект который машет пользователю рукой привет, добро пожаловать и немного подпрыгивает....

Я предоставил текстовые строки, которые отображаются в контейнерах различной ширины. Я хочу разрешить разрывы строк только после символа «·», который встречается два или три раза в каждой из этих текстовых строк. Что я придумал (см. ниже): С помощью...

Я создал простой слайдер. Overflow-x настроен на прокрутку, и это работает. Хотя переполненное содержимое скрыто внутри контейнера прокрутки, появляется полоса прокрутки для всей страницы. Нет видимого переполнения, которое могло бы вызвать...

у меня в «#headerPop» установлен белый цвет фона, но он имеет некоторую прозрачность, даже если я меняю цвет на черный, я все равно вижу элементы под ним
кстати, этот пользовательский интерфейс создан для мобильных устройств, поэтому будет глупо...

Плавная прокрутка работает только один раз.
Первая якорная ссылка работает нормально, но после этого последующие ссылки заставляют страницу прыгать вместо плавной прокрутки.
Я пытаюсь реализовать плавную прокрутку на своей веб-странице, чтобы, когда...

Недавно я начал использовать HTML для создания веб-сайта для своего проекта. Я планировал создать этот веб-сайт с вводной страницей и кнопкой, открывающей дальнейшее содержимое.
Это мой текущий HTML-код:

body {
font-family: Arial, sans-serif;...

Плавная прокрутка работает только один раз.
Первая якорная ссылка работает нормально, но после этого последующие ссылки заставляют страницу прыгать вместо плавной прокрутки.
Я пытаюсь реализовать плавную прокрутку на своей веб-странице, чтобы, когда...

Я пытаюсь выровнять по центру изображение и набор ссылок в центральном столбце моего макета навигации. Когда я не указываю ширину элемента .center-column, выравнивание работает отлично. Однако, когда я устанавливаю ширину 500 пикселей, изображение и...

Я создаю веб-сайт, на котором представлены лучшие площадки для игры в крикет в Индии, а также близлежащие туристические достопримечательности и отели. Я хочу создать интерактивную карту, на которой:
Пользователи смогут видеть расположение отмеченных...

Я создал простой слайдер. Overflow-x настроен на прокрутку, и это работает. Хотя переполненное содержимое скрыто внутри контейнера прокрутки, появляется полоса прокрутки для всей страницы. Нет видимого переполнения, которое могло бы вызвать...

Я хочу, чтобы названия всех команд располагались в одной строке и обрезались/добавлялись многоточия справа. Например: Bright & Hov... / Tottenham Hot...
Я не могу придумать, как исправить обрезание левого столбца с левой стороны.
Может кто-нибудь...