首页 > Web开发 > 详细

CSS3几个速记标签2

时间:2016-07-10 14:02:33      阅读:216      评论:0      收藏:0      [点我收藏+]

@font-face:CSS3允许使用自己的字体,用户会自动下载     语法:@font-face{font-family:---;src:url(---)}     如果要使用粗体,必须新添加另一个包含粗体文本的@font-face规则

CSS2D转换

translate()方法:根据左和上给定参数     语法:transform:translate(--px,--px);

rotate()方法:旋转,允许负值     语法:transform:rotate(--deg);

scale()方法:改变元素大小     语法:transform:scale(2,4)     宽为原来的2倍  高为原来的4倍

skew方法:根据x轴和y轴给定角度     语法:transform:skew(--deg,--deg);

matrix()方法:有六个参数,包含旋转,缩放,移动(平移)和倾斜功能     transform:matrix(0.866,0.5,-0.5,0.866,0,0);

CSS3D转换

ratateX()与rotateY():以中线为轴翻转     语法:transform:rotateX(--deg);

以rotate为例,translate,scale,skew,matrix同样适用

 

CSS3几个速记标签2

原文:http://www.cnblogs.com/zhouliang/p/5651579.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!