Question du test Tailwind

Comment utiliser la propriété mix-blend-overlay en Tailwind CSS

Archivée

Soit ce 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>

Quelle couleur sera affichée ?

Auteur: DamienStatut : Archivée(Nouvelle question !)Question passée 90 fois
0
Évaluations de la communauté
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é