--- css code ---
@keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 100% 0; }
}
#clouds {
position:absolute;
background:url('../img/clouds.png') repeat-x scroll center top;
z-index:-1;
height:200px;
min-width:960px;
top:0px;
left:0px;
right:0px;
animation: animatedBackground 30s linear infinite;
}
-- html code --
<head>
<script src="css/clouds.css"></script>
</head>
<body>
<div id="clouds" style="background-position: 0px 0px 0%;">
<body>
simple code.. hopefully useful... ^^v
@keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 100% 0; }
}
#clouds {
position:absolute;
background:url('../img/clouds.png') repeat-x scroll center top;
z-index:-1;
height:200px;
min-width:960px;
top:0px;
left:0px;
right:0px;
animation: animatedBackground 30s linear infinite;
}
-- html code --
<head>
<script src="css/clouds.css"></script>
</head>
<body>
<div id="clouds" style="background-position: 0px 0px 0%;">
<body>
simple code.. hopefully useful... ^^v
No comments:
Post a Comment