HTML/Colors: как найден цвет для перевернутого умноженияCSS

Разбираемся в CSS
Ответить
Anonymous
 HTML/Colors: как найден цвет для перевернутого умножения

Сообщение Anonymous »

Имеет div с цветной RGBA (255, 14, 188, 0,28), иногда этот дивинг перекрывается с другим Div с фоновым цветом RGBA (165, 218, 255, 0,698) с Mix Blend-Mode: Multiply < /p>
Теперь я хочу найти цвет первого девта, что, когда второй див. 0.28). < /P>
Как я должен охватить этот цвет с помощью Javascript?

Код: Выделить всё

.paragraph {
position: relative;
margin-bottom: 20px;
}

.textHighlighter {
background-color:rgba(255, 14, 188, 0.28);
}

.textHighlighter2 {
background-color:rgba(255, 14, 188, 0.28);       // background color new?
}

.paragraphHighlighter {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
background: rgba(165, 218, 255, 0.698);
mix-blend-mode: multiply; // required for text to be always black
}< /code>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris consequat, neque non facilisis mattis, urna arcu luctus velit, quis molestie sapien turpis et arcu. Morbi vel turpis imperdiet, lacinia urna vel, convallis ligula. Aliquam quis libero id velit tincidunt finibus id quis nulla. Sed ut arcu a enim aliquet mollis eu at erat. Vivamus ullamcorper enim aliquet tellus suscipit, vel feugiat felis tristique. Sed eget nisl eu sem aliquet feugiat. Nullam purus nisl, sollicitudin eget luctus eu, placerat eget mi. Duis condimentum pellentesque tortor, at volutpat neque sodales id. Sed ac fermentum leo. Quisque luctus quam metus, at aliquam ligula tristique vel. Suspendisse placerat urna eu orci maximus, pretium blandit ipsum efficitur. Aliquam vel posuere orci.
Morbi eu scelerisque arcu. Sed ac magna ac nulla faucibus elementum vitae non nulla. Fusce pharetra porttitor ullamcorper. Curabitur consectetur viverra nisl. In id ipsum ac dui accumsan ultrices in a ante. Vivamus vel erat sed ligula facilisis elementum. Sed auctor erat tortor, non semper augue aliquet in. Nam ut facilisis felis, ut finibus ante. Aliquam erat volutpat. Nulla bibendum mi lacinia pellentesque sodales. Phasellus placerat libero vitae eros malesuada tempor.
Integer sit amet sem non nisi suscipit fermentum. Sed non velit ac sapien pulvinar consectetur interdum sit amet leo. Mauris vitae nisl eget sem dictum tempus vel ac turpis. Mauris luctus sapien turpis, non molestie ligula sagittis in. Proin sagittis elit in gravida porta. Phasellus vel velit non urna fermentum euismod ac ut erat. Suspendisse at lacus in lectus eleifend tempor at ut nisl. Sed cursus finibus egestas. Ut pulvinar facilisis erat in tempor. Sed suscipit augue non dui hendrerit pretium. Sed tempus convallis pulvinar.
Mauris sed leo eu turpis aliquam pharetra accumsan non eros. Nullam ultricies nunc sed magna consequat, vel tristique massa blandit. Praesent viverra orci nibh, et blandit tellus sagittis vel. Aenean maximus vel diam ut mattis. Nullam in mauris et nisl pharetra faucibus vitae id magna. Duis nec mauris elit. Fusce posuere vel lectus ac placerat. In elit metus, porta eget tellus sed, porttitor gravida odio.
Morbi tempus dui porttitor, blandit lacus eget, cursus nisi. In eleifend interdum orci quis imperdiet. Integer congue id tortor ut congue. Nunc rhoncus venenatis ligula, ac interdum purus dictum sed. Etiam nec diam tincidunt, mollis dolor a, tempus dui. Donec vestibulum sed nunc a condimentum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce metus lectus, lacinia a cursus vel, posuere at lorem. Integer congue tortor ut libero pulvinar ornare. Nulla iaculis justo sed consectetur vulputate. Proin leo erat, blandit sed enim non, malesuada dignissim enim. Aliquam non imperdiet elit. Interdum et malesuada fames ac ante ipsum primis in faucibus.


Хочу найти цвет фона для пролета (выделенный текст) в выделенном div Итак, видимый, полученный цвет, будет таким же, как цвет промежутка внутри, не выделенный div

Подробнее здесь: https://stackoverflow.com/questions/797 ... d-multiply
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»