Blog [?standard.news_overtitle_category]

Webentwicklung

Ein leuchtendes, quadratisches Glasobjekt mit einem Gradmesser und dem Text @property --angle in einem hellen Raum.

CSS-Snippet

Rotierender Glow-Rand mit @property umsetzen

@property registriert CSS-Variablen mit einem festen Typ und macht ihre Werte dadurch interpolierbar. Ein rotierender Glow-Rand aus CSS als Praxisbeispiel.
Ein grünes Et-Zeichen (Ampersand) zwischen blauen, gläsernen geschweiften Klammern auf einem reflektierenden Boden.

Snippet

CSS Nesting: Selektoren nativ verschachteln

CSS Nesting verschachtelt Selektoren direkt im Stylesheet, ganz ohne Sass oder Less. Wo der Ampersand nötig ist und wie :is() die Spezifität verändert.
Drei rechteckige, farbige Glaspaneele in Grün und Weiß stehen in einem hellen, minimalistischen Raum.

CSS & Webentwicklung

mix-blend-mode: Der rechenintensive CSS-Effekt

mix-blend-mode mischt Bild und Hintergrund direkt im CSS. Ein Blick auf Blend-Modi, die Wartezeit beim Rendern und die Grenzen der Browserkompatibilität.