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:
Kommentar abgeben zu diesen Beitrag/Code ?
Habe versucht den HTML Code über Google Chrome > Untersuchen rauszukopieren. (auf Page, wo das funktioniert)
Folgendes wurde aus der Stelle kopiert: Dann hier klicken
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>