-
animation-iteration-count属性主要用来定义动画的播放次数。
animation-iteration-count:你设置的次数
通常为整数，但也可以使用带有小数的数字，其默认值为1，这意味着动画将从开始到结束只播放一次
如果取值为infinite，动画将会无限次播放
查看全部 -
animation-delay属性用来定义动画开始播放的时间，用来触发动画播放的时间点。和transition-delay属性一样，用来定义在浏览器开始执行动画之前等待的时间。
animation-delay:设置的时间
查看全部 -
animation-timing-function属性主要用来设置动画播放方式。主要让元素根据时间的推进来改变属性值的变换速率，简单点说就是动画的播放方式。
animation-timing-function:所需要的函数
查看全部 -
animation-duration主要用来设置CSS3动画播放时间，其使用方法和transition-duration类似，是用来指定元素播放动画所持续的时间长，也就是完成从0%到100%一次动画所需时间。单位：s秒
animation-duration:你设定的时间
如果时间是负值，默认为0
查看全部 -
animation-name属性主要是用来调用@keyframes定义好的动画。需要特别注意：animation调用的动画名需要和“@keyframes”定义的动画名称完全一致（区分大小写），如果不一致将不具有任何动画效果。
语法：
animation-name:你所制定的动画的名称或者是none
查看全部 -
":disabled"选择器刚好要与":enabled"选择器相反，用来选择不可用表单元素。要正常使用":disabled"选择器，需要在表单元素的HTML中设置"disabled"属性
查看全部 -
在web的表单中，有些表单元素有可用：（“:enabled”）和不可用(":disabled")状态，比如输入框，密码框，复选框等。在默认情况下，这些表单元素都处在可用状态。那么我们可以通过伪选择器":enabled"对这些表单元素设置样式。
查看全部 -
:only-child”选择器选择的是父元素中只有一个子元素，而且只有唯一的一个子元素。也就是说，匹配的元素的父元素中仅有一个子元素，而且是一个唯一的子元素。“:only-of-type”选择器用来选择一个元素是它的父元素的唯一一个相同类型的子元素。这样说或许不太好理解，换一种说法。“:only-of-type”是表示一个元素他有很多个子元素，而其中只有一种类型的子元素是唯一的，使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。查看全部 -
:target选择器称为目标选择器，用来匹配文档（页面）的url的某个标志符的目标元素。
查看全部 -
:not 选择器称为否定选择器，和JQuery中的:not一模一样，可以选择除某个元素之外的所有元素。就拿form元素来说，比如说你想给表单中除submit按钮之外的input元素添加红色边框，css代码可以写成：
input:not([type="submit"]){ border:1px solid red; }查看全部 -
column-span : none | all
none : 默认值，表示不跨越任何列
all: 跨越所有列，
查看全部 -
@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体
查看全部 -
animation-iteration-count: infinite | <number>
注意：infinite 指的是动画无限次播放
<number> 指的是规定次数播放
查看全部 -
意外的惊喜，translate(-50%, -50%) 能够实现水平垂直居中，当然，这个居中指的是元素左上角和坐标轴中心点重叠，并非完全意义上的居中，还需减去元素宽高的一半才是真正意义上的居中。
查看全部 -
scale(x, y)
scaleX(x)
scaleY(y)
缩放，按比例缩放，水平方向缩放，垂直方向缩放
查看全部
举报