欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

如何計算mix-blend-mode:差異白色輸出

CSS
錢衛國2年前9瀏覽0評論

給定任何不是基本顏色(255和0的組合)的顏色，我如何獲得哪個mix-blend-mode:difference將輸出白色的輸入顏色值？

當試圖創造這樣的效果時: 形狀和tet重疊 我遇到了如何從mix-blend-mode:difference屬性獲得白色輸出的問題。由于我沒有使用基本顏色，RGB反色沒有生成所需的輸出。我錯過了什么嗎？

這里有一個www3school示例鏈接，您可以在其中隨意擺弄，還有一個當前行為的截圖: 在mix-blend-mode中使用RGB顏色和它的對立面不會輸出白色:差異

我已經編輯過了，所以你可以看到我在說什么(復制& amp粘貼以使用它):

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
:root {
    --color: rgb(226,2,58);
    --invert-color: rgb(29,253,197);
}

.container {
  background-color: rgb(226,2,58);
  padding: 15px;
  display: flex;
  gap: 16px;
  justify-content: center;
}

.container div {
  height: 300px;
  width: 300px;
  mix-blend-mode: difference;
}

.container .same {
  background-color: var(--color);
}

.container .invert {
  background-color: var(--invert-color);
}
</style>
</head>
<body>

<h2>The mix-blend-mode Property</h2>
<p>The mix-blend-mode property specifies how an element's content should blend with its background:</p>

<div class="container">
  <div class="same"></div>
  <div class="invert"></div>
</div>

</body>
</html>