Ein interaktiver Leitfaden zu CSS Übergängen

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Ein wunderbarer Beitrag von Josh, der sowohl CSS-Übergänge vorstellt als auch die Nuancen für deren effektiven Einsatz behandelt. Mir gefällt der Ratschlag, die Position eines Elements zu ändern und dabei den ursprünglichen Platz, den es eingenommen hat, unangetastet zu lassen, damit es nicht zu dem führt, was er "Doom Flicker" nennt. Vor sechshundertfünfzig Jahren habe ich CSS Jitter Man erstellt, um diese Idee zu erklären.

Die interaktiven Elemente sind wirklich toll und helfen, die Konzepte zu erklären. Ich bin ein wenig neidisch, dass Josh in MDX schreibt — das bedeutet, er hat Markdown und JSX zur Verfügung. Das bedeutet, dass diese Demos kleine, einmalige React-Komponenten sein können. Hier ist ein Thread von Josh, der zeigt, wie wertvoll das sein kann.

Direkter Link →