• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Ruchome tło z różnymi obrazkami?

Object Storage Arubacloud
0 głosów
565 wizyt
pytanie zadane 22 stycznia 2018 w HTML i CSS przez Radosław Foltyński Obywatel (1,180 p.)

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 :).

1 odpowiedź

0 głosów
odpowiedź 22 stycznia 2018 przez Jedras Maniak (54,860 p.)
1. Nie używaj polskich znaków w nazwach plików.
2. Możesz użyć JS czy koniecznie chcesz zostać przy tym CSS?
komentarz 22 stycznia 2018 przez Radosław Foltyński Obywatel (1,180 p.)
Mogę użyć JS, jest to obojętne.

Podobne pytania

0 głosów
1 odpowiedź 133 wizyt
pytanie zadane 29 marca 2018 w PHP przez Marcin Kopiński Nowicjusz (190 p.)
0 głosów
0 odpowiedzi 86 wizyt
pytanie zadane 2 kwietnia 2017 w HTML i CSS przez mowmiheniek Stary wyjadacz (11,900 p.)
0 głosów
1 odpowiedź 77 wizyt

92,572 zapytań

141,422 odpowiedzi

319,644 komentarzy

61,959 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...