10款基于html5实现的web前端源码的预览下载

1.图片滑块对比特效Image Comparison Slider

Image Comparison Slider是一款可以通过鼠标左右滑动,来显示两张图片前后对比的插件,你可以轻松的使用它来为用户展示网站中两个产品之间的差异。

在线演示

源码下载

2.html5和css3打造一款创意404页面

之前和网友分享一款HTML5可爱的404页面动画 很逗的机器人。今天要小编要再给大家带来一款html5和css3打造的创意404页面。

在线演示

源码下载

3.网站制作素材:创意404错误页面

404错误页面在我们平常浏览网页的时候并不会经常碰到,但是有一些无意中出现的404错误页面的确很有意思。404页面也有一些特别的用途,例如显示公益广告,推广网站自身的内容等等。这里分享一个创意的404错误页面设计案例。

在线演示

源码下载

4.使用jQuery和CSS3制作数字时钟(jQuery篇)

我们使用CSS3制作了一个漂亮的数字时钟,本文将紧接上一篇文章内容,结合jQuery来让数字时钟真正跑起来,实现一个带有日期和星期的真正网页版数字时钟。

在线演示

源码下载

5.响应式导航选项卡Tabbed navigations

这是一个专为移动设备优化的响应式导航选项卡,无论你的浏览器处于水平或者垂直状态,它都能够轻松应对,适合所有采用响应式布局的页面。

在线演示

源码下载

6.网页产品元素快速查看特效

分享一款动态十足的网页产品元素快速查看特效,该特效基于CSS3 和 Velocity.js开发,它为用户提供了一种快速查看产品详细信息的方式,当你点击产品元素时,该产品元素的详细信息会以弹窗的方式显示给用户,弹窗中还可以加入该产品的多图切换效果。

在线演示

源码下载

7.HTML5单页模板WalkRide

HTML5单页模板Walk & Ride

在线演示

源码下载

8.Canvas实现的头部背景动画特效

这是一个采用Canvas 和javascript创建的大型头部背景动画特效,该特效非常适用于采用大图背景的网页开发。

在线演示

源码下载

9.HTML5视频播放器accessible html5 video player

accessible html5 video player 是一款开源的轻量级播放器,采用HTML5视频播放技术,支持字幕显示、视频自由跳播、重播等功能。该html5视频插件由paypal Accessibility 团队开发,兼容所有Firefox、chrome、以及ie10以上版本等浏览器、ie9仅支持内部视频调用。

在线演示

源码下载

10.侧滑式菜单栏Off-Canvas effect

Off-Canvas具有9种不同的侧滑方式,非常适用于响应式页面的布局,而且每一种侧滑效果都显得与众不同,相信总有一款你会喜欢。

在线演示

源码下载

未经允许不得转载:爱前端网 » 10款基于html5实现的web前端源码的预览下载

赞 (1) 打赏


觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏