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

时间:2021-05-08

运行后查看效果。非常的不错。
<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/

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章