在b站上看到一个视频是用CSS来实现一个汉堡菜单的功能的,仿照着做了一下。
这是我代码实现的链接:汉堡菜单。
记录此次项目中学到的几个东西如下:
- 用单选框和label来实现点击某一块来改变其样式。主要是将label 的for属性与checkbox的id相等。然后将原来的checkbox隐藏即可。
<input type="checkbox" id="toggler">
<label for="toggler">
<div class="hanburger-container">
<span