Text switch alle paar Sekunden Css Lösung

Liebe Gruppe, ich bin aktuell am grübeln wie ich folgendes auf meine Page einfüge: Erklärung: Und zwar gehts darum, dass sich ein eingegebener Text alle 3-5 sekunden ändert und ein anderer an selber Stelle auftritt. - siehe Gif. Habe versucht den HTML Code über Google Chrome > Untersuchen rauszukopieren. (auf Page wo das funktioniert) Folgendes wurde aus der Stelle kopiert:

Der hier verwendete Code

<style> .box div{ position:absolute; width:100%; text-align:center; font-size:26px; } #text1{ color:blue; } #text2{ color:red; animation:los 3s linear infinite; } .box{ top:30vh; left:25vw; width:50vw; position:absolute; } @keyframes los{ 0%,49%{ background:white; opacity:1; } 50%,100%{ opacity:0; } } </style> <div class="box"> <div id="text1"> 12 Lamps™ sold today </div> <div id="text2">(insert text)</div> </div>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!