AutoCAD
3DMAX
C语言
Pro/E
UG
JAVA编程
PHP编程
Maya动画
Matlab应用
Android
Photoshop
Word
Excel
flash
VB编程
VC编程
Coreldraw
SolidWorks
A Designer
Unity3D
AE教程
Delphi
C++
汇编语言
数据结构
软件工程
ASP编程
JSP
JavaScript
XML
SQL Server
ACCESS
MySQL
速读教程
IQ智商
记忆力
口才教程
学习方法
软件工程
ASP编程
JSP
JavaScript
XML
html游戏
ACCESS
MySQL
首页
>
css教程
一个css transform效果 很有图片的感觉
51自学网
http://www.wanshiok.com
css,transform运行后查看效果。非常的不错。
<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,transform
CSS两列布局实现方式总结
网站设计之合理架构CSS
CSS的三列式"圣杯布局"方案完全解析
CSS Web安全字体组合详解
css水平居中的各种方法总结(推荐)
CSS使用BFC规则布局引发外层div包裹内层div的处理方法
CSS在固定宽高的div内实现垂直居中的实例详解
浅谈CSS中的clear清除浮动
浅析css3中matrix函数的使用
使用CSS3中的calc()属性来以算式表达尺寸数值
上一篇:
ie6,ie7,firefox的textarea滚动条、边框
下一篇:
CSS解决链接锚点定位偏移的代码
分享到:
QQ空间
新浪微博
腾讯微博
人人网
网易微博
CAD教程
教师招聘
招聘信息
51自学网 我要自学网视频教程,视频下载 自学网 自学编程网 CAD自学网 PS自学网 www.wanshiok.com
网站地图