CSS - Страница 574

В этом CodePen фильтр используется для преобразования синего цвета в серый:

filter: grayscale(100%);

Как изменить цвет на синий/красный/зеленый с помощью CSS-фильтров?

https:// codepen.io/wiseoldman/pen/RVRgyB

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

Уже есть много вопросов о расстановке переносов в словах, но я не смог найти вопрос о расстановке переносов только тогда, когда одно слово само по себе слишком длинное для одного целого предложения.
пример:

Мне нравится, чтобы это было нетронутым...

Я реализовал базовую карусель изображений (аналогично этому примеру). Однако я столкнулся с проблемой перехода при циклическом переходе от первого слайда к последнему или наоборот. Вместо плавного перехода к соседнему слайду все изображения...

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

Как удалить ненужные пробелы из распечатываемого документа при печати div. Мне нужно распечатать содержимое DIV, например квитанцию ​​POS, но сверху и снизу появляются дополнительные пробелы, я просто хочу распечатать только содержимое div.
Это...

У меня возникли проблемы с реализацией масштабирования, подобного Googlemaps, в html/css. Я подготовил минимальный демонстрационный проект Angular с моим текущим решением с ошибками здесь. Проблема, с которой я столкнулся, заключается в том, что она...

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

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

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

body {
background-attachment: fixed;
background-color: #541B84;
background-image: url(
background-position: 50%...

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

Я думаю, проблема в Javascript код, потому что все, что должна была сделать часть HTML и CSS этого проекта, уже сделано. Однако изображение не...

Я хочу включить свое SVG-изображение в виде значка рядом с заголовком:

icon-sell.svg
Verkaufen

Размер шрифта h1 составляет 36 пикселей, а высота строки — 1,1.

С помощью инструмента «Инспектор» я обнаружил, что вычисленная высота шрифта...

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

function scroll(oid, iid) {...

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

С помощью встроенного Power BI я встроил отчеты в веб-страницу. В большинстве случаев отчеты воспроизводятся идеально. Редко и, казалось бы, случайно в отчете встречаются визуальные артефакты: метки перекрываются с визуальными элементами. Я не могу...

Я использую такую ​​систему пейджинга:

Я хочу установить css class= active для пункта меню страницы, на которой я нахожусь.

Это работает, если я печатаю такие элементы:
>Start

Но вместо этого я бы хотел использовать тернарный оператор. Я...

Я использую AG Grid в своем приложении Angular для отображения данных в виде сетки. Сетка отлично выглядит на ноутбуке, но при просмотре на мобильном телефоне или планшете (iPad) все столбцы сжимаются и становятся трудночитаемыми.
Я хочу сделать...

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

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

{{ asset(

Features...

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

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

Я изо всех сил пытаюсь добиться того же результата, что и поля формы Flowbite. Кажется, они используют рамку в 1 пиксель в фокусе (с прозрачным контуром в 2 пикселя), но результат выглядит как граница в 2 пикселя...
Как предотвратить смещение макета...

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

function scroll(oid, iid) {...

как видите, высота div7 и div8 меньше, чем у других. Как скопировать или убедиться, что все они имеют одинаковую высоту.

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

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

По умолчанию Vidstack масштабирует/обрезает вертикальное видео YouTube до соотношения сторон 16/9:

Если стиль «Высота: 1000%» отключен, вертикальное видео содержится по желанию. Однако нежелательные элементы, такие как пользовательский...