transition

**sitodue** · 09-12-2012, 12:41

Ciao a tutti, stavo provando ad usare per la prima volta la proprietà transition seguendo una miniguida, ma non funge :-s
Il codice copiato pari pari è il seguente:

codice:

<style type="text/css">

.box1, .box2 {
	width: 50px;
	height:50px;
	-moz-transition: width 2s;
	transition: width 2s;
}

.box1:hover {whidt:400px;}

.box2:hover {whidt:400px;}

.box1 {background-color:#F00;}

.box2 {background-color:#F69;}

</style>
</head>

<body>
<div class="box1">
	<h2>BOX 1</h2>
</div>
<div class="box2">
	<h2>BOX 2</h2>
</div>

</body>
</html>

Passando il mouse sui 2 box dovrebbero espandersi... invece non succede nulla...

**Cesar** · 09-12-2012, 12:58

width non "whidt". Per webkit devi aggiungere -webkit-transition: width 2s;

p.s. ovviamente non funziona sulle versioni di internet explorer più vecchie della 10

**sitodue** · 09-12-2012, 13:15

Ahhh perfetto grazie...sono una pippa anche a copiare :-D
Cos'è webkit?

**Cesar** · 09-12-2012, 13:20

Originariamente inviato da sitodue
Cos'è webkit?

Webkit e l'engine di browsers come safari, chrome, iCab, ecc.

Discussione: transition

Strumenti discussione

Ricerca discussione

Visualizza

transition

Permessi di invio