1、HTML5/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的效果，按钮在按下时带有弹性质感。

在线演示

源码下载

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

jQuery视差插件Twenty ，Twenty是一款突出显示两个图像之间的差异。

在线演示

源码下载

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

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

在线演示

源码下载

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

8款给力HTML5/CSS3应用插件 可爱的HTML5笑脸的更多相关文章

  1. 分享9款最新超酷HTML5/CSS3应用插件

    新的一周开始了,小编继续要为大家分享实用超酷的HTML5应用,今天分享的这9款最新HTML5/CSS3应用你一定会很喜欢,一起来看看. 1.HTML5 Canvas模拟衣服撕扯动画 超级逼真 今天又要 ...

  2. 分享8款最新HTML5/CSS3功能插件及源码下载

    1.HTML5/CSS3鬼脸表情下拉菜单 超级可爱 这款HTML5/CSS3鬼脸表情下拉菜单真的很特别,虽然菜单的实现并没有利用复杂的HTML5/CSS3技术,但是创意的确不错. 在线演示 源码下载 ...

  3. 分享10款功能强大的HTML5/CSS3应用插件

    1.纯CSS3美化Checkbox和Radiobox按钮 外观很时尚 利用CSS3我们可以打造非常具有个性化的用户表单,今天我们就利用CSS3美化Checkbox复选框和Radiobox单选框.CSS ...

  4. 让IE9以下版本的浏览支持html5,CSS3的插件

    随着html5(后面用h5代表)标签越来越广泛的使用,IE9以下(IE6-IE8)不识别h5标签的问题让人很是烦恼. 在火狐和chrome之类的浏览器中,遇到不认识的标签,只要给个display:bl ...

  5. html5/css3响应式布局介绍及设计流程

    html5/css3响应式布局介绍 html5/css3响应式布局介绍及设计流程,利用css3的media query媒体查询功能.移动终端一般都是对css3支持比较好的高级浏览器不需要考虑响应式布局 ...

  6. 10款基于HTML5+CSS3实现的超酷源码动画

    1.基于Bootstrap的jQuery登录表单 这是一款基于Bootstrap的登录表单,表单的外观自然不用说,沿用了Bootstrap的风格,非常漂亮.这款登录表单有一个经过CSS3处理过的头像图 ...

  7. 10款web前端基于html5/CSS3应用特效

    1.jQuery百叶窗效果焦点图 多种百叶窗动画方式 对于百叶窗动画效果,我们介绍的不是很多,目前就介绍过一款CSS3百叶窗图片切换.这次要给大家带来一个基于jQuery的多种百叶窗动画效果焦点图,焦 ...

  8. 分享9款用HTML5/CSS3制作的动物人物动画

    1.纯CSS3绘制可爱的蚱蜢 还有眨眼动画 今天我们要分享一个利用纯CSS3绘制的蚱蜢动画,非常可爱. 在线演示 源码下载 2.HTML5 Canvas头发飘逸动画 很酷的HTML5动画 HTML5 ...

  9. 分享10款激发灵感的最新HTML5/CSS3应用

    1.HTML5/CSS3实现iOS Path菜单 菜单动画很酷 Path菜单相信大家都不陌生吧,它在iOS中非常流行,今天我们要分享的菜单就是利用HTML5和CSS3技术来模拟实现这款iOS Path ...

随机推荐

  1. boa安装

    Boa 下载地址:http://www.boa.org/boa-0.94.13.tar.gz 1.解压生成Makefile tar xzf boa-0.94.13.tar.gz #解压 cd boa- ...

  2. wampserver下打开phpMyAdmin出现403错误的问题解决方法

    图1 图2 wamp下打开phpMyAdmin出现403错误的问题解决方法安装完wamp后打开其下的phpMyAdmin也就是路径http://localhost/phpmyadmin/ 出现[图一] ...

  3. ASCII码对应表

    chr(9) tab空格       chr(10) 换行      chr(13) 回车        Chr(13)&chr(10) 回车换行       chr(32) 空格符      ...

  4. #import与@class的区别

    转自:http://www.cnblogs.com/jqyp/archive/2012/01/13/2321707.html 1.import会包含这个类的所有信息,包括实体变量和方法,而@class ...

  5. 主流手持设备GPU性能比较

    设备 GPU CPU 每秒像素填充率 每秒三角形生成 内存 iPhone4 PowerVR SGX 535 ARM Cortex-A8 800M     512M iPod touch 4 Power ...

  6. 类string的构造函数、拷贝构造函数和析构函数

    原文:http://www.cnblogs.com/Laokong-ServiceStation/archive/2011/04/19/2020402.html   类string的构造函数.拷贝构造 ...

  7. nginx的监控配置

    最近在弄性能,在性能过程中需要监控nginx的一些配置,这里简单的搭建了环境 //下载nginx  根据自己的版本 wget http://nginx.org/download/nginx-1.6.0 ...

  8. Java最重要的21个技术点和知识点

    (五)Java最重要的21个技术点和知识点之网络编程.泛型.编程规范相关 写这篇文章的目的是想总结一下自己这么多年JAVA培训的一些心得体会,主要是和一些java基础知识点相关的,所以也希望能分享给刚 ...

  9. velocity 随笔

    资源网站: http://wiki.apache.org/velocity/ http://velocity.apache.org/engine/releases/velocity-1.7/user- ...

  10. 1. windows下作为应用程序启动apache的方法

    1. 具体步骤如下:(文章末尾附加:Apache 2.2.17下载路径) 步骤一 :Cmd打开命令行窗口,切换到apache安装目录下 cd  C:\MAS\TRSMAS\win31\apache\b ...