发表于: 2018-08-03 23:16:20
1 589
今天完成的事情:
1.今天基本上没怎么搞新内容,所以感觉没啥可写的.
.
2.把任务8的图都切了,html的基本框架都写好了,等明天就开始加css了.
3.学习bootstrap的使用,主要问题还是class名难得查
4.看了下CSS3的动画@keyframes,想尝试着用hover做一个翻页的动画.@keyframes的基本使用方法如下:
@keyframes myfirst <!--myfirst是自定义的名称-->
{
0% {background: red; left:0px; top:0px;}
25% {background: yellow; left:200px; top:0px;}
50% {background: blue; left:200px; top:200px;}
75% {background: green; left:0px; top:200px;}
100% {background: red; left:0px; top:0px;}
}
前面的百分比是时间,后面是该时间的样式;配合animation使用,和transfrom有点像;
animation:(自定义名称) (动画周期) (动画运动速度ease)(延迟时间)(动画播放次数,默认为1,无限次是infinite);
5.了解了calc() 函数:该函数是用来计算动态长度的例如(10%+5px)这种,可以对长度进行简单的四则运算,大多数情况下还是蛮实用的.
明天计划的事情:
1.任务8想尽量使用bootstrap来做,所以明天会把要用的class名和bootstrap样式找一找.
2.尝试用css写一个伪幻灯片
遇到的问题:暂且没有什么问题
收获:
1.学习了如何用css做简单的动画效果
2.bootstrap总算是把教程给看懂了,有点思路了(应该)
3.因为要写一个电脑端页面,所以把以前拿来练手的网页复习了下.
评论