左侧侧拉栏html,侧边抽屉_纯CSS3抽屉式滑动侧边栏菜单设计

插件描述：该侧边栏在鼠标滑过菜单项时，会以平滑的方式滑出相应的主菜单，就像拉开抽屉的效果，非常的时尚。

侧边栏菜单设计说明

这是一款使用纯CSS3制作的抽屉式滑动侧边栏菜单设计效果。该侧边栏在鼠标滑过菜单项时，会以平滑的方式滑出相应的主菜单，就像拉开抽屉的效果，非常的时尚。

制作方法

注意这个侧边栏效果的CSS样式中没有使用各个浏览器厂商的前缀，所以为了能够兼容各大浏览器，要在页面中引入prefixfree.min.js文件。

HTML结构

该侧边栏菜单使用无序列表来制作，图表使用的是font-awesome字体图标。

•    Home 
  •    About  
  •    Contact  

CSS样式

首先整个侧边栏设置为绝对定位，top和left都为0，固定在左上角位置。高度为100%屏幕高度，宽度用padding来控制。font-size: 0;用于移除列表项之间的间隙。.drawer {

<