This is a set of 4 very cool CSS3 mobile phone sliding and hiding sidebar menu effects. These four effects are: the default click sliding sidebar menu effect, the sliding sidebar effect with 3D transforms, the sliding sidebar effect of text scaling and fade-in and fade-out effects, and the use of translate to achieve the sliding sidebar effect.
Each sliding sidebar effect comes with a sliding transition effect that fades from right to left. The menu items in the menu bar are displayed one after another. This effect is achieved by adding transition-delay to them respectively. Let’s take a look at how to create the default sliding sidebar effect.
The font-awesome icon font is used in the plug-in. You can click here to view the reference and usage of font-awesome icon font.
Online demo: http://www.htmleaf.com/Demo/201503121509.html
Download address: http://www.htmleaf. com/css3/daohangcaidan/201503121508.html