-
如果n超出了有效的范围，那么选择是无效的，然后最后一个是倒数第一个，依次往前推
查看全部 -
none outside none 对应 list-style 的 list-style-type ， list-style-position ， list-style-image 三个属性
查看全部 -
first-child 所设置的样式没有继承性，所以a标签中的内容不会有样式
查看全部 -
none:默认，结束最后一帧返回到初始帧
backwards:告诉动画在第一关键帧上等待动画开始(delay的时间)
forwards:在动画结束时停在最后一个关键帧上而不回到动画的第一帧上
both:或者同时具有这两个效果。
查看全部 -
animatino-direction:alternate;
奇数次从0%-100%
偶数次从100%-0%
查看全部 -
animation-iteration-count:infinite;
是用来设置动画播放的次数的，infinite表示一直重复播放，也可以设置成具体的次数，2,3...
查看全部 -
transition:要过渡效果的元素，过渡花费的时间，过渡效果的时间曲线，过渡效果何时开始
不同属性的过渡效果设置可以用逗号隔开，上面的代码表示分别给a元素的背景和颜色添加过渡属性
查看全部 -
ease默认值是先慢，中间快，然后最后慢，效果与ease-in-out类似，但是这个慢，相对于ease-in-out的强调指明的慢，要快一些。
ease-in：慢速开始
ease-out:慢速结束
查看全部 -
transition-delay在回复初始状态的时候也适用
查看全部 -
transition-property有多个属性的时候，可以用逗号或者空格隔开
查看全部 -
脚本下载地址：
media-queries.js(http://code.google.com/p/css3-mediaqueries-js/) respond.js(https://github.com/scottjehl/Respond) <!—[if lt IE9]> <scriptsrc=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js></script> <![endif]>
查看全部 -
matrix( a, b, c, d, e, f );
a 水平缩放
b 水平倾斜
c 垂直倾斜
d 垂直缩放
e 水平移动
f 垂直移动查看全部 -
通过matrix函数模拟translate的效果（x、y平移100px）
-webkit-transform: matrix(1,0,0,1,100,100);
transform:matrix(1,0,0,1,100,100);
查看全部 -
在不知道div的宽高的情况下，实现div水平居中：
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
查看全部 -
区别大了，在CSS3中的变形，如rotate(),skew(),scale(),translate()，都可以使用矩阵matrix()函数来代替。Matrix()与translate()关系：translate(x,y)对应Matrix(1,0,0,1,x,y);Matrix()与scale()关系：scale(x,y)对应Matrix(x,0,0,y,0,0);Matrix()与rotate()关系：rotate(x)对应Matrix(cos(x),sin(x),-sin(x),cos(x),0,0)M...
查看全部
举报