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

时间:2020-6-27 作者:admin

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

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

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

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

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

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

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

 

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:87074139@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。