通过demo复习下C3

复习了CSS3 的渐变，动画，过渡，3D，flex等，具体用法看截图代码，最后是 demo GIF，有点惨不忍睹。。。

就这样

文章少于 300 字，还。。。

好吧，随便加点字。。。

代码就是为了单纯复习，所以兼容什么的，浏览器前缀都没有加。。。

简要说一下，CSS3 @keyframes

@keyframes 用于创建动画。

在 @keyframes 中规定某项 CSS 样式，

就能创建由当前样式逐渐改为新样式的动画效果。

语法：

@keyframes your_animation_name{

from

to

to

}

或

@keyframes your_animation_name{

0%

50%

100%

}

请把它捆绑到某个选择器的动画属性上，否则不会产生动画效果。

通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器动画属性：

规定动画的名称

规定动画的时长

比如：

div.fuck {

animation: your_animation_name 6s;

}

我把这个写在了 JS 按钮点击的函数中，所以以上 css 代码截图中看不到这一点。

OK，就这样了