当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 一个css transform效果 很有图片的感觉

技术文章搜索

关键字

CSS样式表 中的 一个css transform效果 很有图片的感觉

---

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-01-10   浏览: 117 ::
收藏到网摘: n/a

CSS解决链接锚点定位偏移的代码 ie6,ie7,firefox的textarea滚动条、边框

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

<style type="text/css"> .pre { font-family:微软雅黑; width:420px; border:3px solid red; /*for IE*/ filter : progid:DXImageTransform.Microsoft.Matrix(SizingMethod="auto expand",M11=1,M12=-0.4,M21=0.4,M22=1); /*for firefox*/ -moz-transform:translate(100px) rotate(35deg); -moz-transform-origin:40% 100%; /*for chrome,safari*/ -webkit-transform:translate(100px) rotate(35deg); -webkit-transform-origin:40% 100%; } </style> <pre class="pre">        pre { font-family:微软雅黑; width:420px; border:3px solid red; /*for IE*/ filter : progid:DXImageTransform.Microsoft. Matrix(SizingMethod="auto expand", M11=1,M12=-0.4,M21=0.4,M22=1); /*for firefox*/ -moz-transform:translate(100px) rotate(35deg); -moz-transform-origin:40% 100%; /*for chrome,safari*/ -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/

CSS解决链接锚点定位偏移的代码 ie6,ie7,firefox的textarea滚动条、边框

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）