サンプルはこちら。 See the Pen CSS only drawer menu by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 以前作ったものをソース的により合理的に、かつ見た目もそれっぽく直したものです。 HTML <input type="checkbox" class="check" id="check" /> <div class="menu"> <label for="check" class="btn"><i class="fa fa-bars"></i></label> <ul> <li><a href="#"><i class="fa fa-globe"></i>About</a></li> <li><a href="#"><i class="fa fa-desktop"></i>Product</a></li> <li>
![CSS3:CSSだけで作るドロワーメニューver2 – ハック|オープンソース高速化AMI「kousoku AWS」](https://cdn-ak-scissors.b.st-hatena.com/image/square/0c4eb317df94471d281467b73d160f3f0f481f5b/height=288;version=1;width=512/http%3A%2F%2Faws.aipo.com%2Fcommon%2Fsource%2Fimg%2Fog_image.png)