发表于: 2018-08-03 23:16:20

1 589


今天完成的事情:

1.今天基本上没怎么搞新内容,所以感觉没啥可写的.

.

2.把任务8的图都切了,html的基本框架都写好了,等明天就开始加css了.


3.学习bootstrap的使用,主要问题还是class名难得查


4.看了下CSS3的动画@keyframes,想尝试着用hover做一个翻页的动画.@keyframes的基本使用方法如下:

  1. @keyframes myfirst         <!--myfirst是自定义的名称-->

  2. {

  3. 0%   {background: red; left:0px; top:0px;}

  4. 25%  {background: yellow; left:200px; top:0px;}

  5. 50%  {background: blue; left:200px; top:200px;}

  6. 75%  {background: green; left:0px; top:200px;}

  7. 100% {background: red; left:0px; top:0px;}

  8. }

  9. 前面的百分比是时间,后面是该时间的样式;配合animation使用,和transfrom有点像; 

  10. animation:(自定义名称) (动画周期) (动画运动速度ease)(延迟时间)(动画播放次数,默认为1,无限次是infinite);

  11. 5.了解了calc() 函数:该函数是用来计算动态长度的例如(10%+5px)这种,可以对长度进行简单的四则运算,大多数情况下还是蛮实用的.

明天计划的事情:

1.任务8想尽量使用bootstrap来做,所以明天会把要用的class名和bootstrap样式找一找.

2.尝试用css写一个伪幻灯片

遇到的问题:暂且没有什么问题 
收获:

1.学习了如何用css做简单的动画效果

2.bootstrap总算是把教程给看懂了,有点思路了(应该)

3.因为要写一个电脑端页面,所以把以前拿来练手的网页复习了下.


返回列表 返回列表
评论

    分享到