Semanticstone - tutto il web che conta in pillole!

Transizioni CSS3 applicate ad un DIV

Codice di riferimento

    
.elemento { 
      -moz-border-radius: 210px;
      border-radius: 210px;
      width:5px;
      height:5px;
      position:absolute;
      top:230px;
      left:400px;
      cursor:pointer;
      border:3px solid green;
      background:url(../img/vegetable.gif) center no-repeat;
      -webkit-transition:all .6s ease;
      -moz-transition:all .6s ease;
      -o-transition:all .6s ease;
      transition:all .6s ease; 
      }
.elemento:hover {
      padding:200px;
      left:200px;
      top:50px;
      border-width:12px
      }   
.elemento:active {
      padding:230px;
      left:170px;
      top:20px;
      border-width:12px;
      border-radius: 250px;
      border-color:red;
      }