Описание тега mix-blend-mode
Mix-blend-mode - это свойство CSS, которое устанавливает, как содержимое элемента должно смешиваться с содержимым родительского элемента и фоном элемента.
1
ответ
CSS: применить свойство mix-blend-mode только к определенным элементам
Я хочу использовать свойство mix-blend-mode, чтобы некоторые конкретные пути SVG делали фоновое изображение обводки так, чтобы путь выглядел так, как если бы это был стираемый путь. Следующий код - это то, чего я достиг. Однако, как вы можете видеть…
09 ноя '17 в 13:28
1
ответ
Mix-blend-mode: странный (темп) черный фон во время SVG-анимации на Android
Я вращаю несколько прямоугольников друг над другом, и их цвета взаимодействуют с помощью css's mix-blend-mode. Во всех браузерах это нормально, но в Chrome на Android есть черный фон, который генерируется вокруг прямоугольника svg во время его враще…
27 май '17 в 13:05
0
ответов
Почему Firefox не поддерживает режим смешивания-смешивания, когда viewBox SVG не соответствует его ширине и высоте?
Я пытаюсь нарисовать перевернутую svg line на цветной фон. Он отлично работает в Chrome, но не в Firefox, если svg"s viewBox не соответствует его width а также height, Я делаю что-то не так или это какая-то ошибка в Firefox? Вот пример: https://code…
11 ноя '17 в 09:29
1
ответ
Смешивание CSS с объектами вне контекста стека?
Я строю "область героя" в верхней части моей страницы, используя CMS. Он имеет фоновое изображение, текст и пару кнопок ссылок. Я хочу, чтобы мои кнопки mix-blend-mode:multiply с фоновым изображением. Моя проблема в том, что CMS CSS по умолчанию пом…
07 май '16 в 17:37
1
ответ
Работает ли CSS mix-blend-mode с трансформацией?
Видимо, микс-режим смешивания не очень хорошо с transform: translate() а также z-index, Применение любого из них к некоторому текстовому элементу немедленно отменит эффект mix-blend-mode. Вопросы Это известное ограничение? Есть ли решение на основе …
07 сен '16 в 11:56
0
ответов
Свойство mix-bland-mode предотвращает полностью трехмерные преобразования в Google Chome
Я столкнулся с очень странной ошибкой в Google Chrome! если я использую свойство mix-blend-mode для элемента en, тогда, если я применяю transform: translateZ(50px); элементу ниже, это не работает! Пожалуйста, посмотрите это: function threeD_hover(…
07 дек '16 в 21:00
1
ответ
Как манипулировать цветом текста с помощью mix-blend-mode
Я пытаюсь манипулировать цветом текста mix-blend-mode в CSS. У меня есть некоторый контент, который идет поверх изображения, цвет текста белый, мое изображение имеет белую форму. Когда текст находится поверх фигуры, я хочу смешать текст. Я перепробо…
20 фев '16 в 20:09
1
ответ
Как получить эффект режима наложения без использования свойства CSS mix-blend-mode: multiply
Я хочу сделать вещь, которая должна выглядеть как этот вывод кода, но без использования свойства mix-blend-mode: multiply css, чтобы получить поддержку некоторых старых версий современных браузеров. Эта функция CSS все еще не поддерживает, посмотрит…
05 июн '17 в 19:22
0
ответов
mix-blend-mode - частично работает на телефоне
Здравствуйте все! Кто-нибудь сможет мне помочь и определить источник проблемы. Я не знаю, почему свойство " mix-blend-mode " (в данном случае со значением " diff ") частично работает в браузерах телефона: Chrome и Firefox (навигация в порядке, остал…
09 дек '17 в 12:35
1
ответ
mix-blend-mode: разница не работает с фиксированными элементами и фоновыми изображениями
Я пытаюсь реализовать два перекрывающихся элемента с эффектом наложения между ними, как на рисунке ниже, однако mix-blend-mode собственность, кажется, не работает, и я не могу понять, почему. Это структура HTML у меня есть: <div class="cont_work"…
24 авг '18 в 13:16
1
ответ
Применить режим наложения только к тени
Можно ли смешивать только тень элемента с цветом перекрываемого элемента? Например: у меня один элемент перекрывает другой. Элемент сверху имеет светло-серую тень. Элемент ниже черный. Я не хочу, чтобы какое-либо смешение применялось к какому-либо и…
16 окт '18 в 14:57
2
ответа
Предотвратить перекрывающиеся друг с другом фигуры с альфа-каналом?
Рассмотрим SVG с двумя частично перекрывающимися кругами, оба с fill="currentColor", Я не контролирую значение текущего цвета, оно может быть установлено на что-либо с помощью кода, который я не могу контролировать. Я хочу, чтобы вся фигура имела од…
18 окт '18 в 19:57
1
ответ
Разница в смешанном режиме
Я пытался добавить режим смешивания смесь: разница; "охватить", но это не работает. Это решение работает: я добавляю режим наложения вместо ".caption span" к ".caption". Но что мне действительно нужно, это поместить span в div. Есть идеи почему? Спа…
23 ноя '17 в 10:35
1
ответ
Почему не работают режимы наложения CSS при применении к телу документа?
Вот пример режимов наложения CSS, работающих с заданным элементом "background": body { position: relative; } .background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(red, blue); } .blend { background:…
22 сен '17 в 07:13
1
ответ
Проблема события зависания кнопки Mix Blend Mode
Я пытаюсь получить mix-blend-mode работает так, что происходит фоновый слайд. Я собрал jsfiddle этого вида работы. Проблема в том, что нужно, чтобы это выглядело больше так. Но я не хочу избавляться от перекоса или скольжения справа. Я пробовал испо…
20 янв '17 в 07:57
0
ответов
Проблема полосы прокрутки в режиме наложения
Мой друг в настоящее время разрабатывает первый сайт моей студии. Пожалуйста, прости мой нетехнологический жаргон, поскольку я простой графический дизайнер. Я хотел бы использовать сгенерированный Canvas сигнал в качестве фона: http://neu.afloat.stu…
08 янв '18 в 10:41
1
ответ
Почему я не могу применить фильтры CSS после режима смешивания-смешивания?
У меня есть HTML-текст, и я хотел бы применить некоторые CSS, чтобы сделать следующее для пикселей текста: Примените Режим смешивания различий с пикселями внизу. Примените фильтр оттенков серого. Примените контрастный фильтр с очень высокой настройк…
20 окт '18 в 16:42
0
ответов
Как я могу исправить кросс-браузерные ошибки при обработке JavaScript и Mix-Blend-Mode?
Последние несколько дней я безостановочно создавал веб-сайт и столкнулся с моим худшим кошмаром. Работает только в Chrome. Это не работает в IE, и это не работает в FireFox. Это может быть из-за паршивой Java, но в случае IE, похоже, что некоторые в…
18 ноя '18 в 10:48
2
ответа
Какое свойство CSS это?
Это свойство, я думаю, создает, например, темный цвет текста на светлом фоне, если он установлен светлым, а текст не может быть прочитан... или инвертирует цвет текста, если он на изображении и / или наоборот. Я видел некоторые вопросы о SO с этим, …
30 мар '16 в 10:53
1
ответ
Разница между <img> и background-image в режиме mix-blend-mode
Я пытаюсь создать эффект дуотона, похожий на тот, что показан на этой ручке: https://codepen.io/meowwwls/pen/zoRjdK Моя попытка здесь и работает именно так, как я хочу для простого тега img: https://codepen.io/sunnywz/pen/zPyYYR $dark_blue: #080c29;…
30 ноя '17 в 17:32