Wie könnte man sowas umsetzen?

[Fugel]

Hallo Leute,

ich habe gerade diese nette Animation hier gefunden. Ich rede von der Navigation (links). Hat jemand eine Idee wie man sowas mittels CSS bzw. JS machen könnte?

Ich hatte als Ausgangsmaterial an eine SVG gedacht.

Danke schon mal für eure Anregungen.

 

[buerzel]

Das eigentliche Video ist mit einem Screenrecorder aufgezeichnet. Die Effekte wurden dann sehr wahrscheinlich in Ae hinzugefügt bzw. erzeugt. Der Gute gibt ja auch Ae als Werkzeug an. Mit JS bzw. CSS wird's schwierig.

 

[Fugel]

Das eigentliche Video ist mit einem Screenrecorder aufgezeichnet. Die Effekte wurden dann sehr wahrscheinlich in Ae hinzugefügt bzw. erzeugt. Der Gute gibt ja auch Ae als Werkzeug an ...

Ja das war mir schon bewusst. Meine Frage ist aber wie könnte man es in einer Website umsetzen.

 

[Myhar]

indem man css transitions verwendet. Mehr kann man zu so einer allgemeinen Frage auch nicht sagen.

 

[Fugel]

indem man css transitions verwendet. Mehr kann man zu so einer allgemeinen Frage auch nicht sagen.

Ist sie wirklich so allgemein? Ich meine diesen "Wobble" Effekt bei der Navigation wenn sie geöffnet und geschlosen wird. Sieht ja fast aus wie Pudding oder sowas.

 

[Myhar]

Ich persönlich finde Fragen wie "Wie kann man das machen" schon sehr allgemein. Geht es dir also um den "wobble"-Effekt? Dann füge solche "Details" doch bitte beim nächsten Mal gleich deiner Frage hinzu.

https://css-tricks.com/gooey-effect/ so etwas kann man svg erzielen. Vllt ist das ja ausreichend.

 

[Fugel]

Danke, schaut genau danach aus.