CSS - Страница 570

Я экспериментирую с CSS-фильтрами.

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

См. скрипку здесь...

fw0m9fzu/1/

.blur {
filter: blur(5px);
-webkit-filter:...

Возникли трудности с воспроизведением проблемы на веб-сайте.
На веб-сайтах одного из моих клиентов есть кнопка «Поиск», которая исчезает при просмотре с некоторых iPhone.
Но мне не удалось воспроизвести проблему ни на одном из следующих устройств:...

Я экспериментирую с CSS-фильтрами.

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

См. скрипку здесь...

fw0m9fzu/1/

.blur {
filter: blur(5px);
-webkit-filter:...

У меня есть таблица, в которой я скрываю или показываю строки, устанавливая или удаляя стиль «display:none» с помощью JavaScript в зависимости от предпочтений пользователя.
В этой таблице также используется диапазон строк. В строках указаны даты, а...

Почему верхняя и нижняя границы исчезают, когда я использую border-image-slice: 1 50%;
border-width: 5px;
border-style: solid;
border-image-source: linear-gradient(to right, blue, green);
border-image-slice: 1 50%;
border-width: 5px;
border-style:...

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

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

В новой версии Chrome добавлена ​​поддержка . Они разместили много информации со ссылками на оригинальную документацию. Может ли кто-нибудь дать простое объяснение того, как это работает и в чем разница по сравнению со случаем без rel= preload ....

Опишите проблему
Я создаю проект Vue 3 с помощью Bootstrap 5 и реализовал динамический нижний холст (offcanvas), где пользователи могут добавлять контент и взаимодействовать с ним. Однако на iPhone, когда клавиатура всплывает (например, во время...

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

Я пытаюсь реализовать эффект аккордеона в одном из представлений Angular. Самый простой пример аккордеона вы найдете на сайте w3schools. Пожалуйста, взгляните на этот URL-адрес stackblitz, где я попытался реализовать то же самое, используя тот же...

У меня есть кнопка, и я хотел бы анимировать ее фон, повернув ее:

.gradient-button {
animation: rotate-gradient 1s infinite;
background-image: linear-gradient(0deg, red, yellow, green);
}

@keyframes rotate-gradient {
0% {
background-image:...

Я пытаюсь, например, загрузить шрифт «DM Sans» из Google. В своем CSS я использовал объявление @import, рекомендованное для этой работы. Я использовал нечто похожее на следующий CSS: @import url(

p { font: normal 16px/1.5 DM Sans , monospace,...

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

Я пытаюсь реализовать эффект Accordian в одном из представлений Angular. Самый простой пример Accordian вы найдете на w3schools. Пожалуйста, взгляните на этот URL-адрес stackblitz, где я попытался реализовать то же самое, используя тот же подход,...

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

HTML:

CSS:

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

jsFiddle

Я...

Я использую Twitter Bootstrap. Я написал в своем html:

asdfashdjkfhaskjdf

Почему высота не равна 100 пикселей, когда я открываю эту страницу?

Для потомков исходный код был:

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

test form

Enter Name

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

У меня есть html:

About

Foo
Bar

и CSS:
nav {
width: 100px;
}

.nav-menu {
background-color: orange;
}

.dropdown {
position: relative;
}

a {
display: flex;
align-items: center;
background: transparent;
color: blue;
padding:...

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

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

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

Мы хотели бы иметь больший контроль над тем, где и как располагать панель инструментов tinymce. Мы нашли опцию «fixed_toolbar_container», которая многое решает, но создает неприятную проблему. В документах говорится, что...

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

В приложении Angular + Single-Spa требуется создать URL-адрес изображения в файле SCSS с использованием переменной CSS.
Текущая реализация:
.image {
content: '';
background-image: url('/assets/images/edit.svg');
width: 12px;
height: 6px;
cursor:...