我将如何实施“滑入式”' css3过渡到这个导航?

时间:2014-09-02 22:23:11

标签: html css3 css-transitions

我一直在调查'check-box hack',所以我可以使用CSS3而不是javascript创建一个移动友好的导航。

我一直在看这个例子:http://codepen.io/TimPietrusky/pen/gqlhA

缩小浏览器的宽度以进入移动导航,而不是单击汉堡包图标并突然显示导航,我试图让它向下滑动,然后在用户再次按下图标后再次备份

我知道我可以使用css3过渡属性。我已经尝试将高度设置为UL并使用:

transition: height 1s linear;

这不起作用。我认为,如果我将初始高度设置为0,然后在选中复选框后将高度设置为100%,那么它将起作用。我无法弄清楚这一点。我对这家酒店很陌生,所以任何帮助都会非常感激。

非常感谢。

1 个答案:

答案 0 :(得分:0)

我发现transitioning height doesn't always work。尝试使用max-height代替