发表于： 2019-06-16 23:22:01
3 856
今日完成的事
完成任务八第二张图，第三张图修改细节。
明日完成的事
完成任务八
收获
学会使用css的过渡效果和动画效果，使用hover的时候，如果使用display：none的话动画效果是出不来的，使用visibility：hidden才可以，visibility是不可见，而占据的位置一直存在，display：none是彻底隐藏元素并且空间会被释放。transition允许css属性值在一定时间区间内平滑过渡，而animate属性，则是通过帧动画对当前元素的某些属性进行帧动画的播放，功能相似于transition，但是他更加的精确以及可控。
使用keyframes是需要把他绑定到一个选择器，否则不会有动画效果，
。
.one{ transition: width 2s;}transition需要有transition：width 2s这属性，不然是不会有过渡效果的。
返回列表
评论