HTML5 有哪些让你惊艳的 demo?

html-css09

HTML5 有哪些让你惊艳的 demo?,第1张

说起特效来,HTML5还是很值得称道的:

1、HTML5 Canvas发光Loading动画

之前我们分享过很多基于CSS3的Loading动画效果,相信大家都很喜欢。今天我们要来分享一款基于HTML5Canvas的发光Loading加载动画特效。Loading旋转图标是在canvas画布上绘制的,整个loading动画是发光3D的视觉效果,HTML5非常强大。

2、jQuery球状放大镜特效插件

今天我们要来分享一款基于jQuery的放大镜特效插件,和其他放大镜不同的是,这款jQuery放大镜插件是球状的,看上去有3D的视觉效果。当你把鼠标滑过页面上的文字时,即会出现很酷的球状放大镜,来放大当前区域的文字。并且以球心为中心点向外文字逐渐变小,这就产生了立体感。

3、HTML5 Canvas粒子模拟效果

这是一款利用Canvas模拟出来的30000个粒子动画,当你用鼠标在canvas画布上移动时,鼠标周围的一些粒子就会跟着你移动,并形成一定的图案,就像你在玩沙画一样,效果非常不错。这里,我们应用了一些HTML5的特性,让这个粒子动画显得相当动感。

4、HTML5/CSS3带区域地图的联系表单

之前我们分享很多样式和功能各异的CSS3联系表单,比如HTML5/CSS3简易联系表单等等,都非常不错。今天我们要来分享一款功能更加强大的HTML5/CSS3联系表单,它可以选中不同区域显示相应的地图,然后针对该区域填写联系表单。

5、CSS3 3D立方体Loading加载动画特效

之前我们分享过一些HTML5和CSS3的3D立方体特效,他们都是可以旋转来展示3D立体的效果。这次分享的这款CSS3 3D立方体确是用来做Loading加载动画的,9个小立方体上下浮动,呈现波浪的效果,并且,这个Loading动画还利用了CSS3的阴影属性让这些立方体更充满3D色彩。

希望你也可以学起来呀~

HTML5框架合集工具箱Pro应用说明

html5框架Demo工具箱,在手机上调试服务端的网页,

合集了jquery.mobile-1.4.2,appframework-2.1.0,junior,jqtouch-1.0-b4-rc,bootflat,Flat-UI,jquery-mobile-flat-ui-theme等框架的例子.

无广告,界面美观,是您学习和了解HTML5的好帮手!

The unity toolbox of HTML5 frameworks.

-No ads.Clean UI and beautiful design.

-Easy to test web server websites on mobile phone.

-Easy to test and see clearly which html5 framework is better and more suitable for you!

-Find more awesome frameworks you have never know

-Easily learn html5 to create apps,even if you are a developer or a newbie.

-Improve your html5 skill and UI design.

All the open source license HTML5 Unity Toolbox app has use:

bootflat MIT Licensed – Version 2.0.1

junior : https://github.com/justspamjustin/junior/blob/master/LICENSE

jquery-mobile: MIT https://github.com/jquery/jquery-mobile

appframework : MIT https://github.com/01org/appframework/blob/master/license.txt

jQTouch :MIT https://github.com/senchalabs/jQTouch/blob/master/LICENSE.txt

Flat UI Free : Licensed under a Creative Commons Attribution 3.0 Unported (CC BY 3.0) (http://creativecommons.org/licenses/by/3.0/) and MIT License - http://opensource.org/licenses/mit-license.html.

jQuery-Mobile-flat-ui-theme :WTFPL (Do What the F**k You Want to Public License)

HTML5 Unity Toolbox Pro is combined of many open source frameworks,help you improve your HTML5 learning. See more information on http://bitcall.org/html5-unity-toolbox-open-source-license/

Keywords html5,jquery,jqtouch,appframework,jquery mobile,flat ui,junior,bootflat,jQTouch,html,javascript,js

使用如下API即可:

- (void)loadHTMLString:(NSString *)string baseURL:(nullable NSURL *)baseURL