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. iOS开发——数据持久化OC篇&plist文件增删改查操作

    Plist文件增删查改   主要操作: 1.//获得plist路径    -(NSString*)getPlistPath: 2.//判断沙盒中名为plistname的文件是否存在    -(BOOL ...

  2. 剑指 offer set 7 调整数组顺序使奇数位于偶数前面

    总结 1. 之前不确定这种题的最终解法, 现在明确了, 就是一次快排

  3. IPC——匿名管道

    Linux进程间通信——使用匿名管道 在前面,介绍了一种进程间的通信方式:使用信号,我们创建通知事件,并通过它引起响应,但传递的信息只是一个信号值.这里将介绍另一种进程间通信的方式——匿名管道,通过它 ...

  4. 标准库 - fmt/print.go 解读

    // Copyright 2009 The Go Authors. All rights reserved. // Use of this source code is governed by a B ...

  5. iOS开发中添加PrefixHeader.pch要注意的问题

    在Xcode6.0已经不默认生成PrefixHeader.pch文件了,而PrefixHeader.pch文件对我们开发带来的便利性是不言而喻的,所以我们怎么在工程中添加PrefixHeader.pc ...

  6. CSS3: border-radius边框圆角详解

    border-radius 基本语法: border-radius : none | <length>{1,4} [/ <length>{1,4} ]? 取值范围: <l ...

  7. 【阿里云产品公测】与云引擎ACE第一次亲密接触

    阿里云用户:林哥神话 公测当然是第一次了.这个第一次亲密接触,但话又说回来对ACE我一直都不是那感兴趣的,但是看到阿里介绍还是那般神奇,再加上200无代金券来更加给力.最后就申请了这次公测. 平时一直 ...

  8. 【Mood-10】每个程序员都应该读的30本书

    “如果能时光倒流,回到过去,作为一个开发人员,你可以告诉自己在职业生涯初期应该读一本,你会选择哪本书呢?我希望这个书单列表内容丰富,可以涵盖很多东西.” 很多程序员响应,他们在推荐时也写下自己的评语. ...

  9. C#中常用的排序算法的时间复杂度和空间复杂度

    常用的排序算法的时间复杂度和空间复杂度   常用的排序算法的时间复杂度和空间复杂度 排序法 最差时间分析 平均时间复杂度 稳定度 空间复杂度 冒泡排序 O(n2) O(n2) 稳定 O(1) 快速排序 ...

  10. ubtntu怎么安装myeclipse

    1.下载jdk.tar.gz文件 2.解压jdk 命令:$sudo tar zxvf ./jdk.tar.gz 3.将解压后的jdk放在/usr/lib/jvm下 4.查看本机是否还有jiava可选 ...