CodePen

HTML

            
              <div class="expand"></div>
            
          
!

CSS

            
              .expand:after {
  content:"";
  display:block;
  width:200px;
  height:200px;
  background-color:red;
  cursor:pointer;
  -webkit-transition: -webkit-transform 1s ease;
	-moz-transition: -moz-transform 1s ease;
	transition: transform 1s ease;
}

.expanded:after {
 -webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $('.expand').click(function(e) {
	    $(this).toggleClass('expanded');
	});

            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................