一个css transform效果 很有图片的感觉

运行后查看效果。非常的不错。

<br /><style type=”text/css”><br />.pre {<br />font-family:微软雅黑;<br />width:420px;<br />border:3px solid red;<br />/*for IE*/<br />filter : progid:DXImageTransform.Microsoft.Matrix(SizingMethod=”auto expand”,M11=1,M12=-0.4,M21=0.4,M22=1);<br />/*for firefox*/<br />-moz-transform:translate(100px) rotate(35deg);<br />-moz-transform-origin:40% 100%;<br />/*for chrome,safari*/<br />-webkit-transform:translate(100px) rotate(35deg);<br />-webkit-transform-origin:40% 100%;<br />}<br /></style><br /><pre class=”pre”> pre {<br />font-family:微软雅黑;<br />width:420px;<br />border:3px solid red;<br />/*for IE*/<br />filter : progid:DXImageTransform.Microsoft.<br />Matrix(SizingMethod=”auto expand”,<br />M11=1,M12=-0.4,M21=0.4,M22=1);<br />/*for firefox*/<br />-moz-transform:translate(100px) rotate(35deg);<br />-moz-transform-origin:40% 100%;<br />/*for chrome,safari*/<br />-webkit-transform:translate(100px) rotate(35deg);<br />-webkit-transform-origin:40% 100%;<br />}<br /></pre><br /><script type=”text/javascript”><br />if(window.ActiveXObject) {<br />//alert(document.getElementsByTagName(“pre”)[0].innerHTML);<br />document.getElementsByTagName(“pre”)[0].style.fontFamily=”Courier New”;<br />}<br /></script><br />
提示：您可以先修改部分代码再运行
转载请注明出处：http://www.cnblogs.com/sohighthesky/