码迷,mamicode.com
首页 > Web开发 > 详细

分享7款web前端的精美源码预览下载

时间:2014-10-18 18:19:55      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:http   io   ar   使用   java   strong   2014   on   问题   

HTML5的强大之处不仅在于让网页元素更加灵活多变,更在于它可以很方便地实现各种网页动画特效,让你的网站更加富有现代化特色。就现在的浏览器而言,已经基本都支持HTML5了,所以这也方便了我们开发者免去了考虑浏览器兼容性的头疼问题。

1.纯css3实现的图片3D翻转幻灯片

之前介绍了好多款网页幻灯片,今天要给大家再带来一款纯css3实现的图片3D翻转幻灯片。这款幻灯片图片轮播采用了3D翻转的形式,效果非常不错。

bubuko.com,布布扣

在线演示

源码下载

2.jQuery/CSS3实现超酷的动画Tab菜单

这是一款基于jQuery和CSS3的动画Tab菜单,这款Tab菜单是以单选框Radio为原型的,通过CSS3样式特性对radio的渲染,形成了一个外观看上去像tab菜单的样子。另外特别的是,tab菜单在切换时内容页还会出现淡入淡出的动画效果。

bubuko.com,布布扣

在线演示

源码下载

3.jQuery/CSS3带Tooltip的滑杆动画

今天我们要来分享一款基于jQuery和CSS3的滑杆拖拽动画,并且在滑杆拖动的过程中,上方有一个Tooltip提示框显示当前滑杆拖动的数值,并可以实时计算当前的值。而且这个Tooltip提示框是经过CSS3美化过的,外观十分漂亮。

bubuko.com,布布扣

在线演示

源码下载

4.JavaScript日期选择控件Kalendae

今天我们要来分享一款简单而实用的JavaScript日期选择控件,名叫Kalendae。它的外观虽然很普通,但是功能很强大,不仅可以当日历组件,也可以当做日期选择控件。而且可以同时展示多个日期选择控件,效果非常不错。

bubuko.com,布布扣

在线演示

源码下载

5.html5和css3实现的小机器人走路动画

之前介绍了好多款html5和css3实现的动画,今天要给大家带来一款html5和css3实现的小机器人走路动画。该实例的人物用html5绘画的,动画效果是html5和css3实现的。

bubuko.com,布布扣

在线演示

源码下载

6.纯CSS3绘制的火龙图像

这又是一款用纯CSS3绘制的动画特效,这次是一个纯CSS3绘制的火龙图像,整条龙没有使用一张图片,完全利用了CSS3的特性。小火龙的样子还是挺逼真的,大家觉得呢?

bubuko.com,布布扣

在线演示

源码下载

7.纯CSS3实现发光开关切换按钮

前段时间我们向大家分享过一款牛奶般剔透的CSS3 3D开关按钮,效果相当赞。今天我们要来分享一款类似的纯CSS3发光开关切换按钮,它的外观就像一个电灯的开关,可以左右切换。另外开关上的文字还有发光的特效,整体看上去很有立体感。

bubuko.com,布布扣

在线演示

源码下载

分享7款web前端的精美源码预览下载

标签:http   io   ar   使用   java   strong   2014   on   问题   

原文地址:http://www.cnblogs.com/i7758/p/4033386.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!