• 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?

VPS Starter Arubacloud
0 głosów
554 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ź 125 wizyt
pytanie zadane 29 marca 2018 w PHP przez Marcin Kopiński Nowicjusz (190 p.)
0 głosów
0 odpowiedzi 85 wizyt
pytanie zadane 2 kwietnia 2017 w HTML i CSS przez mowmiheniek Stary wyjadacz (11,900 p.)
0 głosów
1 odpowiedź 76 wizyt

92,453 zapytań

141,262 odpowiedzi

319,088 komentarzy

61,854 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

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 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!

...