la propriété "opacity"

13 septembre 2022 à 1:13:20

Ma question concerne le calcul de la couleur d'un élément lorsque il possède la propriété 'opacity'

J'ai posé la question sur stackoverflow :
https://stackoverflow.com/questions/736 ... ons-in-css
sur alsacreations :
https://forum.alsacreations.com/topic-4 ... liees.html

et sur https://github.com/w3c/csswg-drafts/issues/7718
mais je n'ai pas la réponse.

Peut-être que j'ai mal formulé cette question. Donc la voici sous une forme plus 'claire'. (enfin j'espère )

Pour calculer la couleur (la couleur rendue à l'écran) d'un élément (A), on applique la formule du simple alpha compositing :
co = Cs * as + Cb * ab * (1-as)
ao = as + ab * (1-as)
Ici Cs et as sont la couleur et l'alpha de l'élément source (A)
et Cb et ab sont la couleur et l'alpha de l'élément backdrop (l'élément parent)

Si l'élément parent est l'élément <body>, il a alors un alpha égal à 1 et on obtient la couleur écran.
Sinon le résultat co/ao devient l'élément source et on applique à nouveau la formule du simple alpha compositing.

Maintenant si la propriété "opacity" est appliqué (opacity<1) , quelle forme prend le calcul de couleur ?

Domi65

13 septembre 2022 à 10:23:07

Bonjour. Je ne sais pas où tu veux en venir. Opacity, ça correspond à la fusion normale dans les logiciels de retouche d'image.

Cordialement.

-
Edité par Domi65 13 septembre 2022 à 10:23:48

letochagone

13 septembre 2022 à 20:58:07

'opacity' est une propriété CSS :

https://drafts.csswg.org/css-color-3/#opacity

Domi65 a écrit:

Bonjour. Je ne sais pas où tu veux en venir. Opacity, ça correspond à la fusion normale dans les logiciels de retouche d'image.

Cordialement.

-
Edité par Domi65 il y a environ 10 heures

AbcAbc6

13 septembre 2022 à 22:18:44

@letochagone Bonsoir, je viens de retirer votre dernier message des spams, si cela arrive encore vous pouvez poster dans ce sujet Si votre message est considéré comme spam

Pour ma part je ne vois pas non plus à quoi cela sert tout ça. Il est important de savoir que la valeur de opacity se situe entre 1 et 0 et que les enfants sont impactés par une opacité d'un parent.

https://developer.mozilla.org/fr/docs/Web/CSS/opacity

-
Edité par AbcAbc6 13 septembre 2022 à 22:19:24