Border radius – CSS3


.border-radius {
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-o-border-radius: 10px 10px 10px 10px;
-ms-border-radius: 10px 10px 10px 10px;
}

Example:

Drop shadow & Inner shadow – CSS3


.drop-shadow {
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);  /* Safari */
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);  /* Firefox */
  -o-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); /* Opera */
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.inner-shadow {
  -webkit-box-shadow:inset 10px 10px 5px 0px rgba(0,0,0,0.75);  /* Safari */
  -moz-box-shadow:inset 10px 10px 5px 0px rgba(0,0,0,0.75);  /* Firefox */
  -o-box-shadow:inset 10px 10px 5px 0px rgba(0,0,0,0.75); /* Opera */
  box-shadow:inset 10px 10px 5px 0px rgba(0,0,0,0.75);
}

Example:

Scale on mouse hover with Transition


.scale:hover{
        -ms-transform: scale(1.07,1.07); /* IE 9 */
	-webkit-transform: scale(1.07,1.07); /* Safari */
	-o-transform: scale(1.07,1.07); /* Opera */
	-moz-transform: scale(1.07,1.07);
	transform: scale(1.07,1.07);		

	-ms-transition: 0.4s ease; /* IE 9 */
	-webkit-transition: 0.4s ease; /* Safari */
	-o-transition: 0.4s ease; /* Opera */
	-moz-transition: 0.4s ease;
	transition: 0.4s ease;	
}

Example: