发表于： 2018-11-22 19:40:01
1 840
今天完成的事情：
1.制作轮播图小圆点，通过对每个圆点设置一个播放的时间然后对其设置延时来播放来达到循环播放的效果，
不过这样的效果与整体的轮播效果不一致，小圆点与轮播图的播放不同步
.dot-one {
animation:me 3s infinite step-start;
}
.dot-tow {
animation:me 3s infinite step-start 1s;
}
.dot-tir {
animation:me 3s infinite step-start 2s;
}
@keyframes me {
0% {background: transparent;}
33% {background: @head1;} 使用一帧帧的播放方式，在播放程度到达百分之33的时候就会出现效果之后就是透明的
66% {background: transparent;}
100% {background: transparent;}
}
2.分辨率缩小后下拉框会被轮播图挡住，我也不知道什么情况已经崩溃
明天计划的事情：准备小课堂，代码重构一波试试看
遇到的问题： 使用绝对定位会卡在中间，不使用绝对定位所有的轮播图会全部显示在整个界面，脑壳头
收获：动画效果不只对图片使用，也可以改变背景色使其轮播
ps：今天的日报我也不知道写的什么，看不下去了T.T
返回列表
评论