CSS Transition / Animation: Blend-Mode weich verändern

[Rolf B]

Hallo MudGuard,

jaaa, klar doch.

Problem ist nur: wenn foo und bar gültige CSS Keywords sind, dann sind es boo, bao, for und far mutmaßlich nicht.

Von normal → hard-light ganz zu schweigen…

Um einen weichen Übergang zwischen "normal" und "hard-light" zu schaffen, würde ich vermutlich beide Übergänge realisieren, in zwei div- Gruppen übereinanderlegen und die Opacity dieser beiden Gruppen animieren. Die eine von 0 nach 1, die andere von 1 nach 0.

Kann 🤮 aussehen, müsste man ausprobieren.

Vielleicht kann man auch das Hintergrundbild nur 1x haben. Das Vordergrundbild legt man 2x drüber, eins mit blend-mode normal und opacity:1, eins mit hard-light und opacity:0, und dann animiert man die Opacities. Oder auch die Omacities, der Gendergerechtigkeit wegen.

So, jetzt habe ich wenigstens einen konstruktiven Versuch gemacht, statt nur "Nä, geht nich" zu sagen.

Rolf