border-radius
.border-radius {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
OPACITY
.opacity {
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
RGBA
.rgba{
  background-color:rgba(221,221,221,.5);
}
?rgba(red,green,blue,opacity[0-1]);
box-shadow
.box-shadow {
  -moz-box-shadow: -5px -4px 7px 5px #888;
  -webkit-box-shadow: -5px -4px 7px 5px #888;
  box-shadow: -5px -4px 7px 5px #888;
}
?box-shadow: left top blur distance #color;
box-shadow-inset
.box-shadow-inset{
  -moz-box-shadow: inset -5px -10px 6px 5px #888;
  -webkit-box-shadow: inset -5px -10px 6px 5px #888;
  box-shadow: inset -5px -10px 6px 5px #888;
  }
TEXT-SHADOW
.text-shadow{
  text-shadow: 15px 4px 2px red, -15px -4px 2px blue;
}
?text-shadow: left top blur #color;
transition-background-color
.transition-background-color{
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 2s;

  -moz-transition-property: background-color;
  -moz-transition-duration: 2s;

  transition-property: background-color;
  transition-duration: 2s;
}
.transition-background-color:hover{
  background-color:yellow;
}
multiple-transition
.multiple-transition{
  -webkit-transition-property: background-color,line-height, color;
  -webkit-transition-duration: 2s,1s,4s;
  -webkit-transition-timing-function:ease, linear, ease-out;

  -moz-transition-property: background-color,line-height, color;
  -moz-transition-duration: 2s,1s,4s;
  -moz-transition-timing-function:ease, linear, ease-out;

  transition-property: background-color,line-height, color;
  transition-duration: 2s,1s,4s;
  transition-timing-function:ease, linear ease-out;
}
.multiple-transition:hover{
  background-color:blue;
  line-height:150px;
  color:#fff;
}
animation-text
@-moz-keyframes animation-font{
  from {font-size: 24px;}
  to {font-size: 13px;}
}
@-webkit-keyframes animation-font{
  from {font-size: 24px;}
  to {font-size: 13px;}
} 
@keyframes animation-font{
  from {font-size: 24px;}
  to {font-size: 13px;}
}
.animation-text:hover{
  -webkit-animation: animation-font 2s 2;
  -moz-animation: animation-font 2s 2;
  animation: animation-font 2s 2;
}
animation-move
@-moz-keyframes animation-move-name{
  0%   {left:0;top:10px;}
  30%  {left:180px;}
  60%  {top:90px;left:100px;}
  100% {left:0;top:10px;}
}
@-webkit-keyframes animation-move-name{
  0%   {left:0;top:10px;}
  30%  {left:180px;}
  60%  {top:90px;left:100px;}
  100% {left:0;top:10px;}
}
@keyframes animation-move-name{
  0%   {left:0;top:10px;}
  30%  {left:180px;}
  60%  {top:90px;left:100px;}
  100% {left:0;top:10px;}
}
.animation-move:hover span{
  animation: animation-move-name 4s infinite;
  -moz-animation: animation-move-name  4s infinite;
  -webkit-animation: animation-move-name  4s infinite;
}
Transition
#transition{
  position:absolute;left:20px;
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  transition: all .5s ease-in;
}
#transition:target {
  left: 220px;
  -moz-transform: rotate(450deg);
  -webkit-transform: rotate(450deg);
  transform: rotate(450deg);
}
Linear Gradient
.linear-gradient{
  background-image: -moz-linear-gradient(top left,blue, red );
  background-image: -webkit-linear-gradient(top left,blue, red );
  background-image: linear-gradient(top left,blue, red );
}
Radial Gradient
.radial-gradient{
  background-image: -moz-radial-gradient(center top, yellow 10%, blue 90%);
  background-image: -webkit-radial-gradient(center top, yellow 10%, blue 90%);
  background-image: radial-radial-gradient(center top, yellow 10%, blue 90%);
}