Cursor-Animation: Eine Crew aus Cursorn baut die Seite
Die Cursor-Animation spielt einen Aufbau auf einer echten Seite ab: Eine Crew aus Cursorn, jeder in seiner eigenen Farbe, setzt zusammen, was der Besucher sieht, so wie man es in einem Design-Tool macht. Ein Cursor drückt auf die linke obere Ecke eines Elements, wird zum Fadenkreuz und zieht einen Auswahlrahmen bis zur gegenüberliegenden Ecke auf, während sich das Element darin füllt. Dabei wird seine Größe live angezeigt, und gepunktete Hilfslinien laufen von den Bildschirmrändern heran. Überschriften und Absätze werden stattdessen Buchstabe für Buchstabe getippt. Der erste Bildschirm wird beim Laden gebaut, der Rest, sobald er ins Bild scrollt, und jeder Cursor bleibt dort stehen, wo er fertig geworden ist.
So funktioniert es
Seite wählen
Starte mit einer Landingpage, einem Produkt-Arbeitsbereich oder einem Magazinartikel und scrolle in der Vorschau, um zu sehen, wie jeder Teil gebaut wird, sobald er ins Bild kommt.
Crew abstimmen
Wähle, was gebaut wird (beim Scrollen, der erste Bildschirm oder die ganze Seite), wie der Text erscheint und das Tempo. Gib im Bereich Crew jedem Cursor eine eigene Farbe, einen Namen und ein Bild (ein Foto oder dein Logo, für einen Cursor oder für alle), füge Cursor hinzu oder entferne sie und wähle die Größe der Namensschilder und was die Cursor nach dem Aufbau tun.