div.marque {
	    width:300px;
            height:100px;
            background:#FFFFFF;
            transition:all 0.3s ease;
}




.fade
{
        opacity:0.5;
}
.fade:hover
{
        opacity:1;
}



.colorMe {
 -webkit-transition: -webkit-transform 1s ease-out;
 -moz-transition: -moz-transform 1s ease-out;
 transition: transform 1s ease-out;
}
.colorMe:hover {
 -webkit-filter: grayscale(100%);
 -moz-transform: grayscale(100%);
 transform: filter: grayscale(100%);
}





.rotateMe {
 -webkit-transition: -webkit-transform 1s ease-out;
 -moz-transition: -moz-transform 1s ease-out;
 transition: transform 1s ease-out;
}
.rotateMe:hover {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 transform: rotate(360deg);
}



.circle {
 -webkit-transition: -webkit-transform 1s ease-out;
 -moz-transition: -moz-transform 1s ease-out;
 transition: transform 1s ease-out;
}
.circle:hover
{
border-radius: 50% ;
color: blue;
}



.transformME1 {
 -webkit-transition: -webkit-transform 1s ease-out;
 -moz-transition: -moz-transform 1s ease-out;
 transition: transform 1s ease-out;
}
.transformME1:hover {
 -webkit-transform: rotate(720deg);
 -moz-transform: scale(1.5,1.5) rotate(720deg);
 transform:scale(1.5,1.5) rotate(720deg); 
}



.transforMe2 {
 -webkit-transition: -webkit-transform 1s ease-out;
 -moz-transition: -moz-transform 1s ease-out;
 transition: transform 1s ease-out;
}
.transformMe2:hover {
 -webkit-transform: scale(1,0.5);
 -moz-transform: scale(1,0.5);
 transform:scale(1,0.5);
}


.transforMe3 {
 -webkit-transition: -webkit-transform 1s ease-out;
 -moz-transition: -moz-transform 1s ease-out;
 transition: transform 1s ease-out;
}
.transformMe3:hover {
 -webkit-transform: scale(2,2);
 -moz-transform: scale(2,2);
 transform:scale(2,2);
}