forward是从背景色开始运行,停止时是最后的颜色.
backwards从初始颜色开始运行,停止时是背景色
both元素动画同时具有forwards和backwards效果
backwards从初始颜色开始运行,停止时是背景色
both元素动画同时具有forwards和backwards效果
2016-10-28
alternate的作用是,动画播放在第偶数次向前播放,第奇数次向反方向播放。
意思是说,奇数次播放动画是按顺序播放各帧动画,偶数次播放动画是按逆序播放各帧动画。
奇数是正向,偶数是反向 alternate
意思是说,奇数次播放动画是按顺序播放各帧动画,偶数次播放动画是按逆序播放各帧动画。
奇数是正向,偶数是反向 alternate
2016-10-28
总结下,CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画;
tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形;
transition: property duration timing-function delay;
animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;
tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形;
transition: property duration timing-function delay;
animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;
2016-10-28
例子里的p标签,<p></p>,这个加上:empty并不好用啊。
css部分
<style>
p {
background-color: #10a6ce;
min-height: 30px;
}
p:empty {
display: none;
}
</style>
html部分
<p>段落</p>
<p></p>
css部分
<style>
p {
background-color: #10a6ce;
min-height: 30px;
}
p:empty {
display: none;
}
</style>
html部分
<p>段落</p>
<p></p>
2016-10-28
我的理解是:skew(30deg)按说明为图形x轴与座标x轴重合不变并以x轴为轴心转动,座标y轴顺时针转动(即图形y轴逆时针转动),各位同意否
2016-10-28
a[class^="column"] 代表所有class值前包含column的就可以被选择。
如果不加双引号“”,a[class^=column],就代表class值为column的才可以被选择。
a[href$=doc]结尾和a[title*=box]任意位置的,双引号可以省略。
如果不加双引号“”,a[class^=column],就代表class值为column的才可以被选择。
a[href$=doc]结尾和a[title*=box]任意位置的,双引号可以省略。
2016-10-28
:not(:nth-of-type(2n))
:not(:nth-of-type(even))
这两种设置方式原理上是可以的,但是编译不通过,报错了……
:not(:nth-of-type(even))
这两种设置方式原理上是可以的,但是编译不通过,报错了……
2016-10-28