basti1012.bplaced.net

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. <img class="vorschau" src="image/text-switch.gif" alt="bild"> Habe versucht den HTML Code über Google Chrome > Untersuchen rauszukopieren. (auf Page, wo das funktioniert) Folgendes wurde aus der Stelle kopiert:

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>