Led laufschrieft

led laufschrieft versuch

by basti1012

HTML

<div id="lauf">
<p id="lauf1">
 
</p>
</div>

CSS

body{
  background-color:#269;
background-image: linear-gradient(white 1px, transparent 1px),
linear-gradient(90deg, white 2px, transparent 2px),
linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
background-size:10px 10px, 10px 10px;

}

#lauf{
 width: 200vw;
   position: relative;
 top: 200px;
 left: 0;
    animation: laufweg 5s linear infinite;
   display: flex;
 flex-direction: row;
  
}
@keyframes laufweg{
  from{left:-300px;}
  to{left:500px;}
}
p{
  font-size:50px;
  color:red;
  
}

JavaScript

document.getElementById('lauf1').innerHTML='hallo das  ist der text';
  var style='';
$(' <style type="text/css">' + style + '</style>').appendTo($('head'));