.marq1,.marq2
{
height:25px;
position:relative;
color:white;
}
.marq1
{
width:130px;
animation:myfirst linear 4s forwards;
-webkit-animation:myfirst linear 4s forwards; /* Safari and Chrome */
}
.marq2
{
width:420px;
animation:myfirst2 linear 4s forwards;
-webkit-animation:myfirst2 linear 4s forwards; /* Safari and Chrome */
}
@keyframes myfirst /* Firefox */
{
000% {left:002%;top:0px;color:black;}
015% {left:040%;top:0px;color:white;}
085% {left:050%;top:0px;color:white;}
100% {left:075%;top:0px;color:black;}
}
@keyframes myfirst2 /* Firefox */
{
000% {left:075%;top:0px;color:black;}
015% {left:050%;top:0px;color:white;}
085% {left:040%;top:0px;color:white;}
100% {left:002%;top:0px;color:black;}
}
@keyframes myname /* Firefox */
{
000% {color:black;font-size:1pt;}
001% {color:black;font-size:35pt;}
100% {color:white;font-size:35pt;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
000% {left:002%;top:0px;color:black;}
015% {left:040%;top:0px;color:white;}
085% {left:050%;top:0px;color:white;}
100% {left:075%;top:0px;color:black;}
}
@-webkit-keyframes myfirst2 /* Safari and Chrome */
{
000% {left:075%;top:0px;color:black;}
015% {left:050%;top:0px;color:white;}
085% {left:040%;top:0px;color:white;}
100% {left:002%;top:0px;color:black;}
}
@-webkit-keyframes myname /* Safari and Chrome */
{
000% {color:black;font-size:1pt;}
001% {color:black;font-size:35pt;}
100% {color:white;font-size:35pt;}
}