Die neue CSS Property transition-behavior: allow-discrete
Heute wollen die display property animieren. Die Display Property ist ja eine discrete Property, die man bisher nicht, oder nicht accessible animieren konnte!
Das ändert sich jetzt! Der Stefan erklärt, was sich bei der Animation von diskreten Eigenschaften ändert! Das ist elegant! CSS wird immer besser! Stichwort: transition-behaviour: allow-discrete!
Werte Zuseher:in!
Heute geht es um diskrete Eigenschaften! Also nicht das was der Holger darüber denkt.
Diese konnten bislang nur über Umwege animiert werden. Und diese Umwege hatten auch noch unschöne Nebenwirkungen!
Wir erklären an einem einfachen Beispiel was sich da jetzt geändert hat! Wir sind begeistert. Um es kurz zu machen. Das Animieren der Sichtbarkeit eines Elements funktioniert jetzt so wie man das intuitiv erwartet! Well done CSS folks!
Schaut doch mal rein! Wir sind gespannt was ihr so denkt!
Habt ihr schon von dieser Neuerung gehört? Wie animiert ihr die Sichtbarkeit eurer Elemente? Was war bisher euer Workaround? Habt ihr allow-discrete schon ausprobiert?
Schreibt es in die Kommentare! Wir sind sehr gespannt und wir freuen uns von euch zu hören!
Liken, abonnieren, Glocke drücken nicht vergessen!
In diesem Sinne: Papperlapapp - Spaß mit Klammern!
Vielen Dank fürs Zuschauen, viel Spaß und wir freuen uns sehr auf euer Feedback!
Stefan und Holger
Links:
Transition Behaviour: https://developer.mozilla.org/en-US/d...
Kann ich das schon verwenden? https://caniuse.com/mdn-css_propertie...
▬ Inhalt des Videos ▬▬▬▬▬▬▬▬▬▬
00:00 Begrüßung
01:02 Das Thema der Folge: "CSS Animationen".
01:19 Problem: Wir wollen etwas Ausblenden!
04:30 Lösung! Neu! Wir können jetzt auch die display property animieren!
07:00 Das klappt auch für animations!
08:11 Diskussion und Fazit!