Css3 transition rotate snippet

Css3 transition rotate snippet

/*Note that this is not regular css, we are using scss*/
.logo-image{
	
		/*Put easing and time duration here*/
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out; 
			-o-transition: all 0.5s ease-in-out; 
			-ms-transition: all 0.5s ease-in-out;

			&:hover{

				/*Set rotation values here*/

    			-webkit-transform: rotate(-30deg); 
				-moz-transform: rotate(-30deg); 
				-o-transform: rotate(-30deg);
				-ms-transform: rotate(-30deg);
			}
		}