animation

here's some stuff

css3 transitions

code

hover over the html5 logo to see a change in opacity

/*css for html5animation*/
#html5transition{
  transition: all  ease-out 2s;
  opacity: 1;
}

#html5transition:hover{
  opacity: 0.1;
}

2d transform

code

hover over the css3 logo to see a 2d transformation

/* 2d transform */
#css3transform{
    transform: rotate(10deg);
    transition: all  ease-out 2s;
}

#css3transform:hover{
  transform: rotate(-30deg);
}

code

hover over the css3 logo to see a 3d transformation

/* 3d transform */
#transforms3d img{
    transform: rotateY(0deg);
    transition: all  ease-out 2s;
}

#transforms3d:hover img{
  transform: rotateY(-180deg);
}