你的位置:首页 > 网页设计

[网页设计]推荐7款新鲜出炉的HTML5/CSS3应用


1、HTML5/CSS3发光文字可自定义文字色彩效果很赞

要分享的这款HTML5/CSS3文字效果很帅,鼠标滑过文字时,文字会出现发光的特效,并且我们可以自定义文字和颜色。

推荐7款新鲜出炉的HTML5/CSS3应用 - 爱七七五八网 - 1

在线演示

源码下载

2、HTML5/CSS3粒子效果进度条超炫酷进度条动画

再来分享一款很有特色的HTML5/CSS3进度条应用。这款进度条插件在播放进度过程中出现粒子效果,就像一些小颗粒从进度条上散落下来,是一款别具特色的HTML5进度条插件。

推荐7款新鲜出炉的HTML5/CSS3应用 - 爱七七五八网 - 2

在线演示

源码下载

3、精美的CSS3表单的CSS3带小图标表单3款样式

向大家分享一款基于CSS3和jQuery的带小图标精美输入表单,该CSS3表单一共有3款样式,需要高版本的浏览器才能支持,不过真的是一款很酷的CSS3表单。

推荐7款新鲜出炉的HTML5/CSS3应用 - 爱七七五八网 - 3

在线演示

源码下载

4、HTML5的3D衣服摆动特效超酷的HTML5 3D动画

向大家分享一款HTML5的3D衣服摆动动画特效,动画也是在HTML5 Canvas上完成,它模拟衣服晾在绳子上,点击鼠标可以让衣服摆动起来,就行风吹动它一样,非常逼真炫酷。

推荐7款新鲜出炉的HTML5/CSS3应用 - 爱七七五八网 - 4

在线演示

源码下载

5、HTML5的粘浏览器的小泥块超级可爱动画

这款HTML5动画非常可爱,动画的主角是一款粘人的小泥块,用鼠标拖动泥块,泥块即可粘住浏览器,让后一点点掉落下来。而完成这样的HTML5动画,我们只需一张图片和一系列CSS3代码即可。虽然这款动画实用性并不强,但是其中的HTML5原理值得大家学习。

推荐7款新鲜出炉的HTML5/CSS3应用 - 爱七七五八网 - 5

在线演示

源码下载

6、CSS3图片层叠展开特效可展开扇形效果

今天要分享的这款CSS3图片特效没有那么绚丽,它的功能非常简单,当你把鼠标移到图片上时,多张图片便会由原先的叠在一起变成展开状态,展开过程中伴随CSS3动画,展开的形状是扇形。这款简单的CSS3图片层叠展开动画可以应用在图片展示和图片分享上。

推荐7款新鲜出炉的HTML5/CSS3应用 - 爱七七五八网 - 6

在线演示

源码下载

7、CSS3的灰色按钮菜单超具3D立体感

CSS3在按钮应用中非常常见,效果也都不错,一般利用CSS3制作的按钮都会有以下几个特点:

1、色彩丰富,按钮不像CSS那样单一,利用CSS3的渐变色可以让按钮变得色彩多姿。

2、3D立体效果,利用CSS3投影和阴影特性往往可以让按钮充满立体感。

推荐7款新鲜出炉的HTML5/CSS3应用 - 爱七七五八网 - 7

在线演示

源码下载

本文固定链接: http://www.i7758.com/archives/1303.html