我用火狐不支持。我加了前缀啊,@-moz-keyframes donghua{
0%{margin-left:100px;background:green;}
40%{margin-left:150px;background:orange;}
60%{margin-left:75px;background:blue;}
100%{margin-left:100px;background:red;}
}
div:hover{-moz-animation:donghua 5s ease 0.1s}
0%{margin-left:100px;background:green;}
40%{margin-left:150px;background:orange;}
60%{margin-left:75px;background:blue;}
100%{margin-left:100px;background:red;}
}
div:hover{-moz-animation:donghua 5s ease 0.1s}
2017-10-27
最新回答 / WhiteAce
不行,你用flex居中一下呗
首先禁掉你页面中所有的样式(以及与样式相关的信息),在浏览器中打开,如果你的内容排列有序,方便阅读,那么你的这个结构不会差到哪里去。
2017-10-20
最新回答 / qq_淡淡_17
<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title>CSS3 Full Background Slider</title><style type="text/css">.content{ position: relative; width: 1024px; margin: 50px auto 0px; height: 600px; ...
2017-10-19
最新回答 / fengyunzhu
下载的源码有问题,前4张图片的class设置少了一个空格。下载源码,找到最下面的5张图片把class改一下,就可以完美运行了,5个class分别是:class="bg slideLeft" class="bg slideBottom" class="bg zoomIn" class="bg zoomOut" class="bg rotate"
2017-10-18
W3school: animation-direction 属性定义是否应该轮流反向播放动画。
如果 animation-direction 值是 "alternate",则动画会在奇数次数(1、3、5 等等)正常播放,而在偶数次数(2、4、6 等等)向后播放。
注释:如果把动画设置为只播放一次,则该属性没有效果。
如果 animation-direction 值是 "alternate",则动画会在奇数次数(1、3、5 等等)正常播放,而在偶数次数(2、4、6 等等)向后播放。
注释:如果把动画设置为只播放一次,则该属性没有效果。
2017-10-18
不要被这么多代码吓到了,老师给留的任务只是写几个选择器,其他的效果都已经写好了。我们只需要通过选择器来把对应的效果应用到对应的部分就行。可以看一下源代码,试着补齐需要写的选择器,然后就好理解了,也能顺便复习一下。
2017-10-14