Modals erscheinen immer einfach. Man sieht vielleicht mal eines, das von einer der Kanten hereingleitet oder eine Art Skalierungs-/Opazitätseffekt verwendet, um von "oben" oder "unten" zu erscheinen. Aber wir können es auch verrückter machen. Warum sie nicht auf einem offset-path hereinlassen?
Nur ein geschwungener Bogen macht schon Spaß.
Siehe den Pen
Modal auf Pfad bewegen von Chris Coyier (@chriscoyier)
auf CodePen.
Oder wir könnten es wie Mary Poppins machen und es von weit her heranschweben lassen.
Siehe den Pen
Modal auf Pfad bewegen: Mary Poppins Edition von Chris Coyier (@chriscoyier)
auf CodePen.
Oder richtig schön zackig und wellig.
Siehe den Pen
Modal auf Pfad bewegen: Wackadoo von Chris Coyier (@chriscoyier)
auf CodePen.
Das war's. Ich dachte, du wärst sowieso wegen der CSS-Tricks hier. ;)
Diese funktionieren nur in Chrome. Seufz.
Hmm, ja, sie benutzen offset-path.
Ich schätze, man könnte etwas mit Transforms basteln?
Wirklich coole Sachen, aber ich wünschte, du hättest hier auch die Browserkompatibilität erwähnt.
Das Herzstück davon ist offset-path, hier ist das Almanac inklusive Browser-Unterstützung
Funktioniert bei mir überhaupt nicht.
macOS Mojave 10.14.4
Chrome 75.0.3770.80
Firefox 67.0.1
Wozu das Ganze?
offset-pathist cool, aber die Anwendung hier ist weniger als wünschenswert.