CSS Custom Properties

CSS Custom Properties sind der absolute Hammer – einfach zu benutzen, kombinierbar mit pseudo-Elementen und mit JavaScript anpassbar. Ebenfalls gut sieht es beim Browser-Support aus (caniuse.com) – bis auf den IE und frühere Edge-Releases wird so gut wie alles supported (sogar Samsung Internet – wow). Einen kleinen Use Case hab ich mal schnell auf CodePen veröffentlicht – der Effekt macht sich z.B. auch gut auf Buttons. Einfach mal unten im Dunkeln hovern.

See the Pen Square following Cursor (w/ CSS Custom Properties) by Niklas (@nikname) on CodePen.