Question from the Tailwind test

How to use the mix-blend-overlay property in Tailwind CSS

Archived

Given this code

<div class="w-fit h-fit rounded-full bg-green-500 p-4 mix-blend-overlay">
    <div class="rounded-full bg-red-500 w-24 h-24 mix-blend-overlay">
</div>
</div>

What color will be displayed?

Author: DamienStatus: Archived(New question!)Question passed 90 times
0
Community Evaluations
developer avatar
Maxime Javaux
14/03/2024
Je suis un peu perdu par rapport à cette réponse. mix-blend-overlay provoque un mélange entre la couleur intérieure et extérieure non? Par conséquent, un mélange de rouge et de vert ?
developer avatar
Damien
15/03/2024
Alors c'est clairement un problÚme de daltonisme de ma part. Je viens de revérifier. On est sur une couleur principale qui parait vert principalement. Vert clair sur les bord et vert qui tend vers le gris rouge au milieu. Je vais modifier la question
developer avatar
Maxime Javaux
17/03/2024
peux t'on dire que t'es variable d'environnement personnelle t'on jouer des tours ? :-P Juste aprĂšs la question j'avais aussi tester du coup j'Ă©tait dans le flou (mix-blend-overlay) dans ma tĂȘte , merci pour ta rĂ©ponse du coup
developer avatar
Damien
17/03/2024
Ahaha c'est un peu ça. Je devais pas ĂȘtre dans les bonnes conditions quand j'avais testĂ©