CSSPortal Playground Examples

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
	.image_std {
		background: url(images/arrow-right.png) no-repeat;
		width:32px; height:32px;
	}
	.image_up {
	    -webkit-transform: rotate(270deg);
	    -moz-transform: rotate(270deg);
	    -ms-transform: rotate(270deg);
	    -o-transform: rotate(270deg);
	    transform: rotate(270deg);
	}
	.image_down {
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    transform: rotate(90deg);
	}
	.image_left {
	    -webkit-transform: rotate(180deg);
	    -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    -o-transform: rotate(180deg);
	    transform: rotate(180deg);
	}
    </style>
  </head>
  <body>
    <h1>Image Rotate Example</h1>
	<div class="image_std"></div>
	<div class="image_std image_up"></div>
	<div class="image_std image_down"></div>
	<div class="image_std image_left"></div>
  </body>
</html>