一个css transform效果很有图片的感觉- CSS样式表 - 软晨网（RuanChen.com）

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

CSS样式表: CSS教程:闭合CSS浮动元素的几种方法; 细说CSS3中的选择符; 网页超级链接该以什么方式打开?; 背投广告设计：用最少的时间来做最效率的事情; css中用javascript判断浏览器版本; css教程:经常保持CSS的整洁度和有序性; css教程:选择合适的、有意义的元素描述内容; CSS编写中灵活运行注释的意义; css教程:CSS文件应该保持整洁和统一; DIV CSS常用的网页布局代码; 完全掌握纯CSS布局网页; serif和sans serif：西方国家的字母体系; 基于XTHML标准的DIVCSS布局对SEO的影响; CSS合理的编码与组织技巧; 网站变黑白灰色的4种代码详细讲解; css布局实例:网页布局的方法; YUI 中的 Grids CSS值得关注和学习的; CSS代码是否合理？是否优化？; css教程：网页中Span和Div的区别; div css网页适应不同分辨率技巧

No. « ‹ 1 2 3 4 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 49 ::

收藏到网摘: 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