Home > Web Front-end > HTML Tutorial > CSS3 super cool mobile phone sliding hidden sidebar menu special effect_html/css_WEB-ITnose

CSS3 super cool mobile phone sliding hidden sidebar menu special effect_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:48:22
Original
1561 people have browsed it

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

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template