Button Rotate

by Lorena Brito

HTML

<img src="http://dragonseye.org/kitten.png" id="more-rot">

CSS

body {
  padding:30px;
  background:gray;
}

img {
  margin-bottom:30px;
}

#more-rot {
	transition: transform 1s ease-out;	
}

.rotate-open {
	-webkit-transform: rotate(-180deg);
    transition: transform 1s ease-out;
}

JavaScript

// .rotate() 
	 $('#more-rot').click(function() {
		$('#more-rot').toggleClass('rotate-open');
	  });