免费css3技巧:时间线, Nexus 7, 滑动和菜单.
1.使用css3和jQuery的作品时间线
非常感谢tutorizlzine,在这篇教程中,我们可以看到一个由jQuery插件展示的作品事件的时间线。你可以添加很多种媒体类型,包括文章、视屏和地图等
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和javascript的谷歌Nexus网站菜单
Google Nexus Website Menu with CSS3 & JavaScript
A tutorial on how to re-create the slide out sidebar menu that can be 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. 怎样使用css3和jQuery创建一个简单的多个滑动
How To Create a simple multi-item slider with CSS3 & jQuery
Another excellent tutorial from Codrops on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.
See the demo for a simple multi-item slider
Go to the tutorial for a simple multi-item slider
------------
4. 多彩css动画导航菜单
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 Awesome icon font.
See the demo for a colorful dropdown menu
Go to the tutorial for a colorful dropdown menu