CSS - Страница 24

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

Я сдаюсь... я просто сдаюсь. После создания 3-4 сайтов (да, все еще любитель), я все еще занимаюсь размещением нижнего колонтитула внизу. Вот моя JS-скрипт

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

У меня есть модальное диалоговое окно Fluent UI, которое я показываю на своем сайте, очень похожее на пример ниже.

РЕДАКТИРОВАТЬ: Код в codeandbox.io такой же, как приведенный ниже:

import * как React из «реагировать»; Импортировать {...

В Shadcn есть компонент Collapible ( но при раскрытии контента нет анимации. Как добавить анимацию, похожую на компонент аккордеона из той же библиотеки? И в чем разница между этими двумя компонентами?

Итак, у меня есть часть кода, в которой мне нужно просматривать карточки/плакаты с разными изображениями и разными значками, которая хранится в папке assets/game. Я пытался изменить изображение и поместить несколько источников, но это не работает,...

изображение прямоугольника с мягкими углами

Мне нужен прямоугольник с углами суперэллипса и текстом разной высоты внутри.

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

if (CSS &&...

При использовании TailwindCSS поле className легко растягивается справа, что затрудняет чтение и редактирование.

Вот пример:

className= group rounded-lg border border-transparent px-5 py-4 цвета перехода hover:border-gray-300 hover:bg-gray-100...

Я хочу сделать это шаг за шагом, чтобы понять, что происходит

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

Сейчас я работаю над простым проектом, по сути, интернет-лавкой с фруктами. Сейчас я столкнулся с проблемой: моя текущая функция JS не может вызвать кнопку «Добавить в корзину» для обновления таблицы корзины покупок (т. е. когда я нажал ее, ничего...

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

Я заметил на нескольких веб-сайтах, что они предварительно загружают CSS (используя rel= preload ) непосредственно перед его обычной загрузкой (используя rel= stylesheet ).

Вот пример с сайта vercel.com

Здесь, в первой строке, они...

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

У меня есть этот код, и я хочу, чтобы «0» в элементе располагалось по центру. Независимо от того, что я делаю с классом .score, «0» просто остается вверху по центру и не перемещается сверху.

body { маржа: 0; цвет фона: #0369A1; выравнивание...

На моей HTML-странице есть два столбца.

Каждый из них занимает половину страницы

#left { плыть налево; ширина: 50%; } #верно { плыть налево; ширина: 50%; } Можно ли сделать так, чтобы они текли независимо? Я имею в виду, что я хочу иметь...

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

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

У меня есть целевая страница, которую я разработал в Figma, но при ее реализации быстро столкнулся с трудностями. У меня есть два прозрачных изображения, которые я хочу разместить по углам моего первого div. Вот картинка, чтобы было понятнее...

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

Для создания этого кода я...

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

Я делал это в...

Я пытаюсь преобразовать большой калькулятор Excel в онлайн-сайт, которым люди смогут свободно пользоваться.

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

Я пытаюсь сделать, когда флажок установлен, изменить цвет фона div, а когда он снят, удалить цвет фона. Как я могу сделать это с помощью jquery?

Отметить как проверенное и подтвержденное используя родительский селектор и .removeclass, я не знаю,...

Я обучаюсь Angular, поэтому рекомендуется иметь хорошие навыки работы с HTML и SCSS, но у меня есть небольшая проблема. Вот мой взгляд: с тремя кнопками, я бы хотел, чтобы первые две находились на одной линии, а последняя (фиолетовая) — внизу. Все,...

Когда я навожу курсор на элемент опыта, текст появляется мгновенно, а затем высота постепенно увеличивается в течение одной секунды. Почему это происходит? Я хочу, чтобы мой текст увеличивался в высоту синхронно с увеличением высоты, без каких-либо...

Я хочу применить стиль класса .first только к третьему содержимому .

Я хочу применить стили «.social» и «.first» к третьему содержимому .

Как выполнить 2 вышеуказанные операции. Есть предложения?

.social { красный цвет; начертание шрифта:...

Впервые использую сетку, это код из дизайна всплывающего окна веб-сайта.

.pop-up { фон: #18391F; цвет: #F4EBE4; дисплей: сетка; Grid-template-areas: item1 item4 item4 item4 ; } @media (максимальная ширина: 800 пикселей) { .неожиданно возникнуть {...