Masken und Beschneidungen

[Auge]

Hallo

1a) funktioniert bei mir (Edge). Sofern „funktionieren“ dies sein soll: Ich sehe die gefärbte Wolke, und bei :hover sehe ich die vollflächige Farbe.

Als Ergänzung: im Firefox/Libre Wolf 128.0.2 (unter Windows 10) sieht das genau so, wie du es beschreibst, aus.

Das ist offensichtlich als Fortführung des vorherigen Abschnitts gedacht, bei dem erklärtermaßen beim hovern die Maske entfernt wird. So findest du, wenn du dem Link „ausprobieren“ folgst, auch den passenden Code.

div:hover {
	mask: none;
}

Dass hier die zuvor auch im Code gezeigte Ausblendung stattfindet, sollte vielleicht in einem Halbsatz erwähnt werden (wie oben schon gezeigt …). Ich fand das etwas überraschend gerade auch, weil ich dem Link im Ausgangsposting gefolgt war und damit den vorherigen Abschnitt nicht gesehen und gelesen hatte.

🤔 .o(Aha, ein vollfarbiges Quadrat. Soll das so?)

Tschö, Auge