免费css3技巧:时间线, Nexus 7, 滑动和菜单.

文章目录

1.使用css3jQuery的作品时间线

非常感谢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

 

「五年博客,如果觉得我的文章对您有用,请帮助本站成长」

订阅周报 关注微博

原创文章:免费css3技巧:时间线, Nexus 7, 滑动和菜单. ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/timeline-nexus-slider-menu.html)

发表评论

请登录后发表评论: