0

Pure Drawer

Pure Drawer 是一个纯CSS实现的Off-Canvas 滑动导航菜单。(Pure Drawer is a 100% css solution for off-canvas drawers.)

Official Site
Github repo
Main metrics

Github stars Tracking Chart

Pure Drawer 是一个纯CSS实现的Off-Canvas 滑动导航菜单。你可能已经看到了几年前由Facebook流行的“抽屉菜单/Off-Canvas”导航样式。 有很多伟大的javascript插件提供这个功能，但我认为这将是很酷的尝试，而且是用 CSS的新的酷的功能去做。 不需要javascript。

特征
Pure Drawer 有很多好的功能
  • 酷效果
  • 选择14种不同的效果
  • 抽屉位置
  • 选择您希望 Drawer 出现的位置
  • 响应设计
  • Pure Drawer 有三个预制断点。 为小屏幕，中屏幕和大屏幕创建不同的抽屉布局。 并选择是否在特定的断点使用Pure Drawer 。
  • 跨浏览器支持
  • Pure Drawer适用于所有现代浏览器。 在IE9中正常降级。
  • 多个抽屉
  • 需要更多的抽屉？ Pure Drawer 可以有三个不同的抽屉。
  • 没有javascript
  • 纯抽屉是一个100％css解决方案。 但随时可以通过一些awesome JavaScript代码进一步增强功能。

Overview

Name With Ownermac81/pure-drawer
Primary LanguageCSS
Program languageCSS (Language Count: 3)
Platform
License:
Release Count1
Last Release Namev.1.0.2 (Posted on 2015-07-27 13:28:57)
First Release Namev.1.0.2 (Posted on 2015-07-27 13:28:57)
Created At2014-07-03 07:07:47
Pushed At2017-06-08 18:42:28
Last Commit At2017-03-31 00:03:44
Stargazers Count326
Watchers Count20
Fork Count90
Commits Count56
Has Issues Enabled
Issues Count49
Issue Open Count7
Pull Requests Count0
Pull Requests Open Count0
Pull Requests Close Count3
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private

Pure Drawer

Version: 1.0.2

Pure Drawer is a 100% css solution for off-canvas drawers.

Download

https://github.com/mac81/pure-drawer/tree/master/src

Demo

http://mac81.github.io/pure-drawer/

Documentation

http://mac81.github.io/pure-drawer/documentation

Planned features

  • Multiple drawers (Implemented in version 0.8)
  • Javascript enhanced version
  • More effects (Implemented in version 1.0)

Changelog

1.0.2 :: 27th Jul 2015

  • Fixed scrollbar placement when drawer is on the right side.

1.0.1 :: 9th Dec 2014

  • Fixed issue with toggle button in Safari and IOS.

1.0 :: 28th Nov 2014

  • Added 5 new effects
  • New toggle icon
  • Added animation variables to scss settings
  • Minor bugfixes and refactoring.

0.9 :: 23th Sep 2014

  • Fixed issues with effect 5 and 7
  • New feature: You can now turn pure-drawer on/off on spesific breakpoints.

0.8 :: 17th Sep 2014

  • Total rewrite of css
  • Added support for multiple drawers

0.7 :: 6th Aug 2014

  • Fixed issue where window pusher jumped to top when drawer is active.
  • Rearranged fallback code
  • Adjustments to scss settings

0.6 :: 4th Aug 2014

  • Added breakpoint support. Drawers can now have different width and height for small, medium and large screens.
To the top