色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

如何計(jì)算mix-blend-mode:差異白色輸出

CSS

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

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

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

我已經(jīng)編輯過了，所以你可以看到我在說什么(復(fù)制& 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>