发表于: 2017-03-13 22:07:02
2 662
今天完成的事情:
1、完善职业推荐页(添加了hover效果,给页面添加了响应式)
明日计划:
1、开始任务十的页面编写
遇到的困难:
1、一开始在鼠标悬停然后元素被覆盖那里卡壳了,在网上搜索了一下,在一篇文章里找到了思路,元素覆盖使用的是绝对定位的方法,覆盖后将display设置成none,鼠标悬停时用hover将display再设置成block以达到鼠标悬停时覆盖元素出现的效果,顺便尝试了一下css3的动画效果,让背景颜色的透明度由0.5渐变到0.8。
参考链接:http://www.webjx.com/css/divcss-34149.html(元素覆盖)
http://www.w3school.com.cn/css3/css3_animation.asp(css3动画部分)
收获:
1、知道了一种覆盖元素的方法
2、了解了一下css3的一些新属性,如2D、3D转换,过渡以及动画等
评论