CSS - Страница 601

У меня есть и SVg, и я добавляю тег внутри svg, использую вложенный синтаксис описания CSS, а при использовании & выдает ошибку какой-то ошибки XML;
сначала посмотрите этот пример html

:root {
--color-red: #FF5733;
}

div {
background-color:...

Я пытаюсь разместить панель навигации слева, которая выглядит вот так.

Для этого я сделал все элементы (html, body) 100%. Затем я структурировал его следующим образом

HTML:

Home
Profile
Messages
Home
Profile
Messages...

У меня есть сценарий, в котором я динамически добавляю элементы в DOM.
Добавляемые элементы являются элементами SVG (различных типов). >
В случае SVGTextElements у меня есть код макета, который будет просматривать ограничивающую рамку текста (...

==== Окончательное редактирование ====
У меня страница работает настолько хорошо, насколько это возможно. Ни один из ответов здесь не был окончательным. Я просто работал над этим, пока это не сработало. Благодарю всех, кто пытался помочь, поскольку...

Я разрабатываю веб-сайт в среде Kirby и тестирую его на локальном хосте. Функция на этом веб-сайте создает подсветку для каждого элемента .main, который приобретает цвет при наведении курсора и меняет цвет обратно при уходе мыши.
Я столкнулся с...

Я определил фоновое изображение в Tailwind.config.ts под названием Hero:
backgroundImage: {
hero: `url('data:image/svg+xml,%3Csvg xmlns=' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2'...

ОБНОВЛЕНИЕ:
Кажется, я решил эту проблему, хотя не уверен, что мое решение правильное.
Я поместил все файлы на сервер.
Я изменил прозрачность изображения маски. Я использую Paintshop Pro (знаю, древний, но обычно достаточно хороший для того, что мне...

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

Он отлично смотрится на экране компьютера, для которого он, очевидно, и...

У меня возникла проблема: значок Font Awesome не отображается должным образом на мобильном устройстве с шириной экрана 320 пикселей. Я использую Bootstrap для макета и Font Awesome для значков. Проблема конкретно возникает со значком учетной записи...

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

Он отлично смотрится на экране компьютера, для которого он, очевидно, и...

У меня есть этот HTML-код:

Description

.header имеет высоту 150 пикселей, а .navbar имеет высоту 20 пикселей. Когда пользователь прокручивает страницу, я хочу, чтобы .navbar оставался вверху. Итак, я зашел в CSS и установил позиции: липкие и...

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

Сначала все было хорошо, но только после того, как я нажал кнопку «Отправить сообщение» в Интернете, появилось оповещение об отправке по электронной почте. Я не получил электронное письмо из Интернета, и на странице появилась ошибка. ОШИБКА HTTP...

У меня есть холст и наложенный поверх него текст. Я хочу отображать текст только в том случае, если мышь наведена на холст.
Он работает с простым HTML

This is a text

.rootc {
display: flex;
}

.container {
flex-grow: 1;
flex: 1;...

Это моя попытка создать систему голосования. Он работает так, как и ожидалось, когда есть только один. Однако когда я пытаюсь увеличить количество систем голосования больше одной, это не работает должным образом. Проблема в том, что система...

У меня есть окошко, которое я хочу мигать.

оно должно мигать бесконечно (бесконечно)
оно мигает белым и возвращается к исходному цвету.
между каждым циклом должна быть «пауза» (цвет остается прежним)
только CSS, нет js

Это фрагмент...

Для сайтов, которые я создаю, довольно часто для «жирного» варианта используется полужирный шрифт определенного шрифта. Обычно это очень легко настроить с помощью специального объявления @font-face, которое указывает на файлы, выделенные полужирным...

В настоящее время я разрабатываю прогрессивное веб-приложение (PWA) и пытаюсь настроить цвет панели навигации (панели внизу экрана) на Android. Хотя можно управлять цветом строки состояния (вверху), мне не удалось добиться такого же уровня контроля...

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

У меня есть этот PHP-скрипт:

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

У меня возникла проблема с установкой ширины элементов . Я имею в виду, что хочу, чтобы мой отображался на половину полной ширины, как это изображение:
https: //i.sstatic.net/oxh45.png

Как видите, элемент находится между тегом и абзац и занимает...

У меня на странице много карточек, и мне трудно привести их к одному размеру. Я использую Materialize CSS. Вот такие они сейчас
Как мне добиться одинакового размера?

``

img/4.jpg

I am a very simple card. I am good at containing small bits...

Я создал игру «крестики-нолики», используя React и Tailwind CSS. Компоновка платы работает должным образом при просмотре в режиме мобильной эмуляции в браузере моего настольного компьютера, как показано на этом снимке экрана. Однако при доступе...

(несколько) Желаемый результат

.parent {
width: 600px;
height: 300px;
--border-opacity: 0.5;
--border-color: rgba(229, 128, 255, var(--border-opacity));
--inner-opacity: 0.2;
--inner-bkg: rgba(255,255,255, var(--inner-opacity));
background:...

Я пытаюсь изменить изображение своих продуктов при наведении курсора мыши в woocommerce в WordPress !!!
Я попробовал несколько плагинов, которые видел, например Woocommerce Product Image Flipper и Magni Image Flip for Wocommerce , но они по какой-то...