Вопросы по теме 'css-filters'
Как я могу использовать фильтр размытия css, чтобы края не стали прозрачными?
Я пытаюсь использовать фильтр размытия css, сохраняя при этом непрозрачность изображения. В приведенном ниже примере у меня есть изображение, которое представляет собой просто синий квадрат. Когда я применяю фильтр размытия, края становятся...
3874 просмотров
schedule
17.09.2021
Фильтр SVG или CSS, который равен верхнему div с непрозрачностью
Интересно, есть ли простой способ найти фильтр CSS или фильтр SVG, который будет выглядеть так же, как я применяю div с фоном и непрозрачностью поверх изображения.
Мне нужен фильтр, который можно применить к первому изображению, чтобы оно выглядело...
42 просмотров
schedule
29.10.2021
Можете ли вы добавить неквадратную тень к содержимому PNG с помощью CSS?
Можно ли сделать тень на содержимом PNG?
Не квадрат , а тень объекта, которая воздействует на непрозрачное содержимое PNG.
81350 просмотров
schedule
23.05.2022
CSS-фильтр инвертирует правило, нарушающее фиксированное положение в Chrome 68
Я использую Chrome 68.
Когда у меня filter: invert(xxx); на <body> , все, что обозначено как fixed , не прилипает к экрану, а прокручивается вместе со всем.
Демонстрация с filter: invert(xxx);
body{
height:...
2761 просмотров
schedule
09.06.2022
Как применить фильтр резкости к тегу видео html с помощью фильтров css
У меня есть HTML-тег <video> на странице. Как можно применить фильтр резкости с помощью фильтров css? Я знаю, как использовать фильтры css, но фильтр резкости не доступен, это фильтры css. Я также проверил этот вопрос: Как повысить...
160 просмотров
schedule
27.08.2022
Цветной силуэт с помощью CSS
У меня есть следующий код, который генерирует силуэт изображения PNG:
#silhouette img {
-webkit-filter: grayscale(100%) brightness(0);
filter: grayscale(100%) brightness(0);
opacity: 0.6;
}
<div id="original">...
2318 просмотров
schedule
16.09.2022
Размыть часть изображения с помощью CSS
У меня проблема с изображением. Я попытался размыть часть изображения, но мое решение не работает. Пожалуйста, взгляните на этот код:
HTML-файл
<div id="image">
<div class="blur"></div>
</div>
CSS-файл...
12758 просмотров
schedule
11.06.2023
Фоновый центр с преобразованием 3D и фильтром размытия в Firefox
inb4: Приносим извинения за ужасно большие изображения, которые загружаются очень долго, нажмите на ссылки и прочитайте вопрос после, если вы не хотите ждать!
Итак, я делаю прототип сайта, где я создаю искусственный 3D-эффект с движущимися...
355 просмотров
schedule
14.11.2022
Можно ли сделать размытую градиентную тень с помощью CSS?
Вот тень:
Поэтому мне нужно, чтобы это была тень, которая появляется при наведении на кнопку. Я знаю его css, но мне не удалось сделать размытие:
background-image: linear-gradient(-90deg, #CF77F3 0%, #009BFF 47%, #2AC9DB 100%);...
7260 просмотров
schedule
07.06.2023
Проблема с преобразованием масштаба CSS и размытием фильтра
У меня проблема в браузере Chrome при объединении двух свойств: filter: blur(15px) и transform: scale3d(1.2,1.2,1) .
У меня есть два изображения, одно над другим. Изображение на более высоком слое размыто, но его края стали прозрачными, когда я...
1105 просмотров
schedule
04.08.2023
Фоновый фильтр: размытие не работает с абсолютным элементом позиции
Я пытаюсь сделать всплывающую подсказку с эффектом стекла, используя фоновый фильтр: размытие, за исключением того, что фильтр, похоже, не работает с элементами в абсолютном положении. Я предполагаю, что это связано с тем, что элемент вышел из потока...
401 просмотров
schedule
11.12.2022
z-индекс игнорируется при применении фильтра
Редактировать: этот вопрос спрашивает, почему фильтр нарушает порядок размещения. Не Почему элемент с z не может -index значение покрывает его дочерний элемент? . Удалите повторяющийся флаг.
* {
box-sizing: border-box;
margin: 0;...
51 просмотров
schedule
30.09.2023
CSS: Размытие и инвертирование цветов для всей страницы
При использовании обоих фильтров webkit «размытие» и «инверсия» работает только размытие. А если "размытие" убрать, "инвертировать" работает.
Также на код реагируют только Chrome и Opera.
Есть ли способ заставить это работать для последних...
1849 просмотров
schedule
13.02.2024
Извлечение определенных цветов пикселей с помощью фильтров SVG
У меня есть изображение с большим количеством разных цветов, и я хочу создать выходное изображение, которое имеет только набор отличных цветов от исходного изображения (скажем, показывая все пиксели, которые #DEADFF ). Есть простой способ сделать...
88 просмотров
schedule
09.04.2024