ciao a tutti sto usando chrome e questo codice non mi funziona come dovrebbe.
dovrebbe far scorrere Prova1 a destra e Prova2 deve ruotare di 180 gradi in 2 secondi.
<html>
<head>
<style>
div#uno
{
cursor:hand;
width:100px;
height:100px;
background-color:#f00;
transition:1s;
}
div#uno:hover
{
width:100px;
}
div#due
{
width:100px;
height:100px;
background-color:#0f0;
-webkit-transition: width 2s, height 2s, transform 2s;
}
div#due:hover
{
width:200px;
height:200px;
-webkit-transform:rotate(180deg);
}
</style>
</head>
<body>
<div id="uno">Prova1</div><br>
<div id="due">Prova2</div>
</body>
</html>
Rispondi quotando