cssSandpaper transform角度旋转实例页面

展示

回到相关文章 >>
-sand-transform:rotate(45deg);
-sand-transform:rotate(-45deg);

代码

CSS代码:
#o1 {
	border:solid 1px black;
	width:200px;
	height:200px;
	padding:10px;
	margin:60px;
	background-color:#f0f3f9;
	-sand-transform:rotate(45deg);
	float:left;
}
#o2 {
	background:red;
	width:200px;
	height:300px;
	padding:10px;
	margin-left:200px;
	-sand-transform:rotate(-45deg);
	float:left;	
}
            
HTML代码:
<div id="o1">
    -sand-transform:rotate(45deg);
</div>   
<div id="o2">
    -sand-transform:rotate(-45deg);
</div>   
            
JS代码:
<script type="text/javascript" src="../js/cssQuery-p.js"></script>
<script type="text/javascript" src="../js/sylvester.js"></script>
<script type="text/javascript" src="../js/cssSandpaper.js"></script>