Free CSS3 tips: Timeline, Nexus 7, swipe and menu.

Source: Internet
Author: User
Tags codrops

2. RoleCSS3 and jquery's work timeline

Thank you very much, tutorizlzine, in this tutorial, we can see a timeline of the artwork events presented by the jquery plugin. You can add a variety of media types, including articles, video screens, maps, and more

In this great tutorial thanks to Tutorialzine We look at Timeline, a jQuery plugin specialized in showing a chronological Series of events. You can embed all kinds of media including tweets, videos and maps, and associate them with a date.

See the demo of Timeline Portfolio

Go to the tutorial for Timeline Portfolio

------------

2. CSS3 andJavaScript's Google Nexus site menu

Google Nexus Website Menu with CSS3 & JavaScript

A tutorial on what to re-create the slide off sidebar menu that can is seen on the Google Nexus 7 website thanks to Codrops .

See the demo of the Google Nexus 7 slide out Sidebar menu

Go to the tutorial for the Google Nexus 7 slide out Sidebar menu

------------

3. How to create a simple multiple swipe using CSS3 and jquery

How to Create a simple multi-item slider with CSS3 & JQuery

Another excellent tutorial from codrops on what to create a simple category slider with a minimal design using CSS anim Ations and JQuery. The idea was to slide the items sequentially depending on the slide direction.

See the demo-a simple Multi-item slider

Go to the tutorial-a simple Multi-item slider

------------

4. Colorful CSS Animation navigation menu

Colorful CSS3 animated Navigation Menu

In this short tutorial from Tutorialzine, we look at how to create a colorful dropdown menu using only CSS3 and the Font a Wesome icon Font.

See the demo for a colorful dropdown menu

Go to the tutorial for a colorful dropdown menu

Free CSS3 tips: Timeline, Nexus 7, swipe and menu.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.