搜索

论坛版块 MAKA学院 素材资源

html5特效分享|超绚丽超前卫!

MIN酱 发表在 素材 2016-9-26 15:24 显示全部楼层 |阅读模式 复制链接
跳转楼层 0 137
MIN酱
x0

发表于 2016-9-26 15:24:39 | 显示全部楼层 |阅读模式
现在越来越多的网站和移动应用都在不断地尝试使用HTML5来更好地优化用户体验。今天我们要分享一系列超绚丽的html5特效,这菜单、按钮、图片、Loading加载动画等,快看看其中有没有你最需要的!

1.HTML5/CSS3 3D纸片折叠动画
html5特效1.png

这是一款纸片折叠动画特效,利用HTML5和CSS3的相关特性,我们可以将一张张纸片折叠起来,形成很酷的3D动画效果。

2.HTML5 webkit 3D立方体图片旋转滑块应用
html5特效2.png

这是一款HTML5 3D立方体动画,只是一个3D效果模型,你可以用图片替换演示中的立方体4个面,这样就可以将这款HTML5立方体旋转动画改造成HTML5 3D焦点图了,由于是基于webkit的,所以有浏览器限制,Google Chrome最佳。

3.基于SVG的HTML5圆盘时钟动画
html5特效3.png

这是一款基于SVG的HTML5圆盘时钟动画,和上一款类似,这款HTML5时钟也能准确获取本地的时间,并且秒针、分针、时针可以走动,效果还不错。

4.HTML5颜色渐变3D文字特效
html5特效4.png

这款HTML5摆动的文字特效类似柳枝摆动,有非常酷的文字动画效果。这款HTML5 3D文字特效,文字的颜色是渐变的,同时有文字阴影,更加凸显了3D立体的效果。

还有很多炫酷html5特效望大家挖掘,感兴趣的朋友们可以多去搜取一些源代码一起创作哦!