Witajcie forumowicze, mam problem odnośnie kodu css. Chciałem stworzyć animację ruchomego tła z trzema obrazkami. Niestety tło faktycznie jest ruchome ale obrazek tylko jeden. Reszta obrazków się nie pojawia :\. Wrzucam kod źródłowy owego feralnego kodu:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="menu-próbka.css" type="text/css">
</head>
<body>
<div id="calosc">
<div id="menu">
</div>
</div>
</div>
</body>
</html>
#calosc
{
width: 1000px;
height: 700px;
background-color: green;
}
@keyframes ruch
{
0% { background-position:0 0, 0 0, 0 0; }
100% { background-position:10000px 0, 7500px 0, 5000px 0; }
}
#menu
{
width: 100%;
height: 700px;
background-color: #ccff66;
float: left;
background-image: url('tło.jpg'), url('tło2.jpg'), url('tło3.jpg');
animation:ruch 300s;
}
Z góry dziękuję za pomoc :).