Wątek przeniesiony 2016-04-12 18:32 z Webmastering przez dzek69.

Transition na `hover` nie wykonuje się na Chrome.

0

Hej,
ogarnia czemu to mi nie działa?

 <!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="UTF-8" />
	<title>Kurs CSS3</title>

	<style type = "text/css">
	body{
	background="#FFF";
	margin: 50px;
	}
	
	img{
	-webkit-transition-property: scale;
	-webkit-transition-duration: 20s;
	-webkit-transition-timing-function: ease-in;
	}
	
	img:hover {
	 -webkit-transform: scale(2);
	}
	</style>
	
</head>
<body>
	
<img src="dupa.jpg" alt="dupa">

</body>
</html>

Z góry dzięki,
pozdro!

0

background="#FFF"; hmmmm, ciekawe co tutaj nie pasuje.

PS pisz w normalnym polskim języku, a nie jakimś upośledzonym dialekcie.

0

To swoją drogą, miałem na myśli animację:

  <!DOCTYPE HTML>
<html lang="pl">
<head>
    <meta charset="UTF-8" />
    <title>Kurs CSS3</title>
 
    <style type = "text/css">
    body{
    background-color: #000;
    margin: 50px;
    }
 
    img{
    -webkit-transition-property: scale;
    -webkit-transition-duration: 20s;
    -webkit-transition-timing-function: ease-in;
    }
 
    img:hover {
     -webkit-transform: scale(2);
    }
    </style>
 
</head>
<body>
 
<img src="dupa.jpg" alt="dupa">
 
</body>
</html>
0
  1. -webkit-transition-property: scale; - nie możesz animować scale, ponieważ nie ma takiego atrybutu. Możesz animować szerokość oraz wysokość na przykład.
  2. Poza tym nie czaję, po co się babrzesz w te prefiksy oraz rozdzielanie na milion składowych, skoro wystarczy transition: all 20s ease-in;.
  3. Poza tym (x2) między nazwą atrybutu a wartością nie może być spacji, tak jak tu: type = "text/css"
1

@MegaFaza: W ramach powitania na forum - nagana:

  1. Temat wątku do niczego. Normalnie takie wątki lądują do kosza, nawet gdy są już odpowiedzi, ale, że faza księżyca się zgadza, więc daruję, pomimo, że na oczojebnym żółtym boksie podczas tworzenia tematów masz jasno napisane, żeby tematy były "znaczące". Rozwinięcie lektury: Jak dobrze zatytułować wątek?

  2. "Nie działa" to opis problemu godny głupiej sekretarki, której szczytem możliwości jest zrobienie kawy, ale czasem musi zepsuć coś w Excelu i wtedy jest problem. Opisując problem napisz na czym polega to "nie działa" - przede wszystkim - jaki jest oczekiwany efekt, a także jaki jest bieżący efekt (przydatne szczególnie w przypadkach długiego kodu). Z dziurawego kodu niedoświadczonych nieraz nie da się wyczytać co w ogóle było intencją - tu się udało, ale stawiam na przypadek i z kolejnym tematem może być już problem.

  3. Problemy z totalnymi podstawami umieszczaj w dziale Newbie.

1 i 3 poprawiam za Ciebie, o 2 pamiętaj następnym razem.

A bardziej w temacie, ale trochę offtopic:

Używając tylko styli z prefiksem -webkit- spowodujesz, że za parę kolejnych wersji Chrome Twój styl przestanie działać na Chrome, a już teraz nie będzie działać na Firefox, Internet Explorer, Edge. Prefiksowane style to tylko DODATEK do styli zgodnych ze standardem. Używaj obu.

1 użytkowników online, w tym zalogowanych: 0, gości: 1