CSS - Страница 827

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

Я создал приложение с помощью create-react-app, и в моем App.js есть вложенные маршруты. Компонент Public отображается, но больше ничего не отображается, например /login или /home.
Я добавил /login только для того, чтобы протестировать простую...

Как заставить стрелку раскрывающегося списка вращаться после открытия?
Я пробовал использовать разные методы, в том числе такие, как .bd-aside .btn ::before {transform: Rotate(90deg);, используя элементы ::after и ::before, однако они не работали....

В настоящее время я работаю над проектом, в котором настроил фоновое изображение, которое будет перемещаться при прокрутке пользователем, используя позиции move1, move2 и move3. Однако сейчас я пытаюсь настроить макет так, чтобы текст ( topPanel )...

Я не очень хорош в этом, но в принципе у меня вот такая форма

Email:

Password:

Submit

И после того, как я нажму «Отправить», я хочу, чтобы кнопка была скрыта (это кнопка, которая открывает форму), как мне это сделать? Я использую базовые...

Я адаптирую шаблон HTML5UP (Astral: и столкнулся с проблемой. Я бы хотел, чтобы фоновое изображение менялось с каждым идентификатором, но всякий раз, когда я пытаюсь применить решения с помощью JavaScript или CSS, оно изменяет фон этого конкретного...

Кто-нибудь еще пытался добиться этого эффекта в React Native?:
.sstatic.net/AaBSxs8J.jpg

Компонент с эффектом сплошной тени, создающий иллюзию глубины.
Как вы можете знайте, что React-Native не поддерживает CSS box-shadow. Однако у него есть...

Я хочу расположить элемент div по центру страницы, чтобы он соответствовал содержимому. Как мне это сделать?

Я пробовал

width: 1px;
white-space: nowrap;
margin: 0 auto;

Это центрирует элемент div, но весь текст оказывается справа от него....

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

Я реализую темный режим, поскольку в macOS, Windows и iOS есть темные режимы.
Существует встроенный вариант для Safari, Chrome и Firefox, использующий следующий CSS. медиа-правило:
@media (prefers-color-scheme: dark) {
body {
color:#fff;...

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

У меня есть сайт со следующей структурой:

Навигация находится слева, а блок содержимого — справа. Информация для элемента div содержимого извлекается через PHP, поэтому она каждый раз разная.

Как масштабировать навигацию по вертикали,...

HTML в хроме, эксплорере и т.д. выглядит нормально.
Как понять, почему Outlook отображается по-разному, перепроверил в разных браузерах и все нормально.
До этого была табличная раскладка , и проблем не было, потом перешли на блочную раскладку и...

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

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

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

Я знаю, что могу добавлять цвета градиента вот так:

`

Но как я могу ограничить их высоту, как в CSS?
{
background-image: linear-gradient(#fff 49%, #F62559 49% 51%, #fff 51%);
}

Я не смог найти ничего похожего на это. Возможно ли это?...

Сейчас я изучаю clip-path. У меня возникли проблемы с сеткой и исчезновением изображения.
У меня есть три изображения в блоке div с именем .gallery. Я хочу, чтобы они:

Отображались рядом друг с другом в рамках пути обрезки.
Сохранял расстояние в...

У меня есть код jquery, который создает раскрывающееся меню и размещает его именно там, где пользователь щелкнул правой кнопкой мыши. Все работает нормально, кроме одного: я не могу печатать внутри поля ввода.

Сгенерированный раскрывающийся список...

Как создать тень блока для прикрепленного изображения?
Вот что я пробовал
box-shadow: 7px 12px 22px -10px rgba(0,0,0,0.1);

Мне не нужен шеврон. Мне просто нужна тень блока.
CSS
.tags-scroll-btn {
border: none;
box-shadow: rgba(0, 0, 0, 0.1) 0px...

У меня есть карточки товаров, я хочу иметь карточки товаров, хочу добавить под них кнопку «Купить». Но кнопка постоянно движется вправо. Как разместить кнопку, чтобы каждая кнопка находилась под своей карточкой? Я пытался сделать это разными...

У меня есть модальный компонент в React, который появляется лишь иногда. Я не могу опубликовать весь код, потому что его слишком много, но я упрощу и опубликую все, что смогу.
ПРОБЛЕМА:
Модальное окно Предполагается, что переход будет легким,...

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

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

function readURL(input) {
if (input.files &&...

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