Bubble.io Tutorial - Schreibmaschinen Effekt

In diesem Video zeigen wir euch, wie ihr einen Typewriter Effekt in Bubble erzeugen könnt. Alex, der Gründer von https://www.lanva.io hat einen super Schreibmaschineneffekt auf seiner Startseite erstellt.

Video Transkript:

Hallo, mein Name ist Chris Strobl und nicht Search ich heute wie wir einen Schreibmaschinen Effekt ein Type Writer Effekt im Bubble erstellen können. Ein guter Bekannter von mir Alex hat Lanva.io gegründet.

Dieses ganze Tool funktioniert auf Bubble und er nutzt selber diesen Schreibmaschinen Effekt. Ich zeige euch jetzt wie das geht. Als erstes gehen wir mit Plugins. Und wir installieren das Type Editor Text Plugin von Facebook. Anschließend gehen wir in den Design Editor und fügen jetzt Type Writer Text hinzu. Und wenn wir uns jetzt den Text anschauen, dann sehen wir, dass wir quasi bis zu sieben Statements hinzufügen können, die nacheinander laufen. Ich füge diese jetzt hinzu. Anschließend ändern wir den Stil auf unter 700. Wir ändern die Schriftgröße auf 32 und ändern die Farbe. Wir gehen jetzt einmal im Preview und schauen uns das Ganze an.. Und jetzt seht, wie wir den Typ Writer Effekt nun haben. Aber es gibt noch ein paar Optimierungen, die ihr ganz nach eurer Bevorzugung machen könnt. Wir haben hier mehrere Möglichkeiten. Das erste ist, dass wir die Pause beim Start um beim Beginn ändern. Das zweite ist der Typekit Speed und der Beat und das dritte ist der Charakter. Fangen einmal an mit der Pause bei Start um Beginn.

Und hier könnt ihr quasi mit dem Preview selber testen, was euch am besten gefällt. Ich persönlich merke sowohl bei der Pause, aber auch beim Typekit Speed um beim Speed jeweils 100 Millisekunden und der Cursor Charakter können wir entweder diesen Strich nutzen oder etwas anderes oder gar keinen Charakter. Und ich zeige euch jetzt noch einmal das Preview, wie das Ganze aussieht.
Nachdem wir es optimiert haben. Ich hoffe ihr könnt sehen, wie einfach es ist, im Bubble einen Twitter Effekt mit Schreibmaschinen Effekt hinzuzufügen.

Subscribe gerne unseren Channel und leitet das Video. Falls ihr Fragen habt, nutzt gerne die Kommentare. Ich wünsche euch weiterhin viel Erfolg und auf bald.