发表于： 2019-07-15 23:56:28
1 752
今天把头部模块修改了一下，显得更好看一些，
然后开始设置导航栏，首先我用媒体查询设置右边的导航小于768px自动消失
然后写了一个摁纽样式
具体代码
，然后用UL写了一个下拉导航，用：checked属性与它关联上，但是这时出现了一个问题
虽然摁纽可以控制导航弹出，但是当分辨率大于768px摁纽消失时弹出的导航还在。想了半天之后看了师兄的代码有了灵感，用媒体查询设置成大于768px弹出的导航变为display：none；不就可以了，代码
。解决了弹出导航的问题，我觉得这个弹出导航不够完美，我想让它滚动的弹出，而不是一下弹出来。上次做任务十三我看到了官网有一个代码transition: all .5s ease-in-out .1s;这个代码解释为过度意思，可以规定过度的时间，比如说我设置一个盒子width100px，我点击他时变成300px，我用上这个属性把时间设置成3秒，它就会在3秒内展开而不是瞬间展开。我用了这个属性就实现了滚动的效果。
，
返回列表
评论