CSS - Страница 563

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

Я разрабатываю веб-сайт на Webflow, и фиксированное меню Navmenu должно менять цвет шрифта (черный или белый) в зависимости от фона раздела (светлый или темный). Я использую собственный код JS:

/* Changing Colors and Logo by Section */
function...

Как написать эквивалент этого стилизованного компонента в Tailwind?
// Item is a div
const Clone = styled(Item)`
~ div {
transform: none !important;
}
`;

Это взято из codeandbox. При перетаскивании из правого столбца он не выглядит так, как будто...

Сейчас у меня есть контейнер с максимальной высотой 800 пикселей. Он также имеет переполнение: прокрутка. То, чего я пытаюсь достичь, просто (вероятно, не так просто, поэтому я и спрашиваю вас, ребята!).

Я хочу и дальше использовать эту прокрутку с...

Я создаю компонент React с сеткой, и у меня возникли проблемы с центрированием всей сетки внутри контейнера. Я использую Flexbox для макета, но элементы сетки центрируются неправильно.
Вот настройка:

У меня есть контейнер, который должен...

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

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

Это пример того, чего я пытаюсь достичь:

Я пытаюсь найти для этого хорошее решение, где его можно...

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

Обычно для достижения этого не требуется...

Мне нужно разработать следующий div:

Код, который я написал для этого:
className='
flex justify-center items-center rounded- max-w-16 max-h-16 min-w-16 min-h-16 bg-gray-700 shadow-card-a'
>

Это было вдохновлено комментарием exmaxx здесь: Как...

Я использовал реакцию datePicker и фиксированную таблицу данных-2 для своего проекта. Когда я открываю календарь, он отображается за заголовком таблицы. Вот код CSS-файла:

.ui-datepicker {
z-index: 9999 !important;
}
.table{
z-index: -1000...

Я столкнулся с проблемой при использовании abcpdf9 для создания PDF-файла из HTML-страницы. В частности, не все заголовки h5 отображаются с начертанием шрифта: жирный, хотя жирный шрифт правильно установлен в коде HTML и CSS. Та же HTML-страница...

Я использую видеоплеер HTML5, и он работает, но с правой стороны отображается граница в 1/2 пикселя.
Я уже проверил, произошло ли это, потому что мы с самим видео пытались установить

border:solid 0px black;

но это не помогло.

Мой текущий...

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

Я пытаюсь создать форму входа с двумя полями ввода со вставками, но в конечном итоге они выходят за пределы родительских границ. Что является причиной этого?
Фрагмент JSFiddle:

#mainContainer {
line-height: 20px;
font-family: Helvetica Neue...

Как написать эквивалент этого стилизованного компонента в Tailwind?
// Item is a div
const Clone = styled(Item)`
~ div {
transform: none !important;
}
`;

Это взято из codeandbox. При перетаскивании из правого столбца он не выглядит так, как будто...

Как есть нет опции для значков Facebook, LinkedIn и других социальных сетей.
Я хочу использовать параметр URL и настроить его с помощью ccs и скрипта для вставки значков социальных сетей в формате svg.
Код приведен ниже

FAQ

Подробнее...

Я пытаюсь переопределить максимальную ширину компонента панели закусок по умолчанию в Angular Material.
CSS, примененный Angular Material, показан ниже:
.mat-snack-bar-container {
border-radius: 2px;
box-sizing: border-box;
display: block;
margin:...

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

Я создаю страницу вопросов и ответов в виде гармошки для недавнего проекта. Ответ на вопрос открывается при нажатии на вопрос. Мой подход заключается в том, чтобы скрыть ответ с помощью max-height = 0 и overflow = Hidden. Когда вопрос нажимается, он...

Использовал аккуратный маленький

@media экран и (-webkit-min-device-pixel-ratio:0) { }

селектор до сих пор работал безупречно. Но через несколько месяцев FireFox также может обрабатывать этот код, как и, по-видимому, Microsoft Edge.

Итак,...

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

Cross-Origin Request...

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

Я работаю над проектом .NET 9 Blazor с помощью QuickGrid. Клиент хочет, чтобы сетка выглядела более похожей на Excel.
Необработанный QuickGrid пытается уместить все данные на экране и добавляет горизонтальные полосы прокрутки для просмотра...

Моя таблица состоит из 3 ячеек: первые две содержат входные данные, а третья — мой контент. Каждая ячейка имеет ширину 33,333%. Когда я ввожу текст во входные данные и он переполняется, все работает нормально — текст просто скрыт, как и ожидалось...

У меня есть таблица со значком Font Awesome , и я хочу выровнять значки текста по левому краю и по центру.
Я пробовал центрировать , но не получилось :

HTML:

CSS:

td, th {
text-align: left;
}
td i {
text-align:center;
}

jsFiddle

Я...