8款给力HTML5/CSS3应用插件 可爱的HTML5笑脸

来源:转载

昨天我收集了8款效果给力的HTML5/CSS3应用插件,有一些HTML5动画非常绚丽,也有一些CSS3按钮比较实用,感兴趣的朋友都看看吧。

1、HTML5/CSS3实现笑脸动画 非常可爱

关于纯CSS3绘制的人物我们在之前就分享过一些了,像纯CSS3绘制可爱小男孩动画、纯CSS3人物行走动画等。今天我们要分享一款基于纯CSS3实现的笑脸动画,我们只要在面部滑动鼠标,即可让人物的眼睛嘴巴动起来,实现微笑的效果,还挺可爱的。

在线演示        源码下载

2、jQuery+Html5实现唯美表白代码:亲爱的女神,我来了!

jQuery+Html5实现唯美表白的动画代码:浪漫的动画效果,程序员表白必备!

在线演示        源码下载

3、CSS3 3D发光按钮 立体感十分强烈

这是一款很特别的CSS3按钮,按钮整体是灰黑色主题,每一个按钮在按下时有非常漂亮的3D效果,并且按钮上的文字也有发光的特效。这款CSS3 3D按钮和之前介绍的几款按钮类似,都可以在点击按钮的时候让按钮悬浮下落,使得按钮整体非常炫酷。

在线演示        源码下载

4、HTML5/CSS3激光宝剑动画 有星球大战的感觉

利用HTML5技术,我们可以实现很多漂亮的动画效果,这里大家可以去看之前分享的内容。今天我们一起来感受一下星球大战的画面,我们可以利用CSS3来实现一把把各种各样的激光宝剑,并且宝剑还可以旋转挥舞,这HTML5宝剑动画还挺有意思的,大家可以看看。

在线演示        源码下载

5、9组不同颜色的CSS3按钮 带3D立体效果

这款CSS3按钮实现起来比较容易,也没有之前分享的CSS3按钮那么绚丽,但是小编认为很实用。它默认给大家配置了9种常用的颜色,当然你也可以指定其他颜色。按钮整体看上去有3D立体的效果,这是利用了CSS3的-webkit-linear-gradient颜色渐变属性,非常强大。

在线演示        源码下载

6、CSS3 3D弹性按钮效果 带弹性质感

之前我们分享过一款非常酷的纯CSS3 3D按钮 按钮酷似牛奶般剔透,这款按钮的特点有二:牛奶般的立体外观,按钮按下时非常柔和的弹性效果。今天要分享的这款CSS3按钮和这款按钮差不错,也同样拥有3D的效果,按钮在按下时带有弹性质感。

在线演示        源码下载

7、jQuery视差插件 突出显示两个图像之间的差异

在线演示        源码下载

8、HTML5/CSS3悬浮按钮特效 Canvas彩球飞舞效果

这次要分享一个非常具有动画色彩的CSS3按钮,按钮的外观比较一般,但它有两个特别的地方:一、按钮悬浮,整个按钮看上去像是悬浮在半空中一样,很立体;二、点击按钮时利用HTML5 Canvas绘制彩球飞舞的效果,非常炫酷。

在线演示        源码下载

以上就是8款很给力的HTML5/CSS3应用插件,非常不错。(www.html5tricks.com)


本文由html5tricks收集整理,转载请务必保留原文链接
http://www.html5tricks.com/8-html5-css3-app-plugin.html


分享给朋友:
您可能感兴趣的文章:
随机阅读: