CSS Animation

Profil

geschrieben von Raphael Pohl

veröffentlicht am 18. November 2021

Header-Image


Diese Animation simuliert einen schreibenden Text. Im Code ist zu sehen, dass die Animationsdauer auf 2 Sekunden gestellt wurde. Diese kann man individuell einstellen, wie es einem gefällt. (Dies funktioniert unter der CSS-Datei, bei Animation: typing 2s steps(22), blink. 5s step-end infinite alternate. Dort muss stellt man typing (gewünschte Zeit) s ein). Des weiterem kann man sehen, dass das Blinken des Striches auf 50 % eingestellt wurde. Dies kann man auch auf eine Geschwindigkeit umstellen, was aber nicht empfehlenswert ist, da dies sehr unhandlich aussieht. Der Strich wurde als border-right eingestellt, was der Grund ist, warum er überhaupt erscheint.  

Photo by KOBU Agency on Unsplash

Author

Raphael Pohl

Ehemaliger Praktikant

Ein Projekt im Sinn?

Sprecht uns an!