今天小编跟大家讲解下有关一个css transform效果 很有图片的感觉 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关一个css transform效果 很有图片的感觉 的相关资料,希望小伙伴们看了有所帮助。
运行后查看效果。非常的不错。<style type="text/css">.pre {font-family:微软雅黑;width:420px;border:3px solid red;filter : progid:DXImageTransform.Microsoft.Matrix(SizingMethod="auto expand",M11=1,M12=-0.4,M21=0.4,M22=1);-moz-transform:translate(100px) rotate(35deg);-moz-transform-origin:40% 100%;-webkit-transform:translate(100px) rotate(35deg);-webkit-transform-origin:40% 100%;}</style><pre class="pre"> pre {font-family:微软雅黑;width:420px;border:3px solid red;filter : progid:DXImageTransform.Microsoft.Matrix(SizingMethod="auto expand",M11=1,M12=-0.4,M21=0.4,M22=1);-moz-transform:translate(100px) rotate(35deg);-moz-transform-origin:40% 100%;-webkit-transform:translate(100px) rotate(35deg);-webkit-transform-origin:40% 100%;}</pre><script type="text/javascript">if(window.ActiveXObject) {//alert(document.getElementsByTagName("pre")[0].innerHTML);document.getElementsByTagName("pre")[0].style.fontFamily="Courier New";}</script> 提示:您可以先修改部分代码再运行转载请注明出处:http://www.cnblogs.com/sohighthesky/来源:爱蒂网