10款让你心动的 HTML5 & CSS3 效果
来源:互联网 发布:js 定义title 编辑:程序博客网 时间:2024/04/29 18:54
1、超炫的 HTML5 粒子效果进度条
我喜欢粒子效果作品,特别是那些能够应用于实际的,例如这个由 Jack Rugile 基于 HTML5Cavnas 编写的进度条效果。看着这么炫的 Loading 效果,即使让我多等一会也无妨:)
在线演示
源码下载
2、使用 CSS3 打造一组质感细腻丝滑的按钮
CSS3 引入了众多供功能强大的新特性,让设计和开发人员能够轻松的创作出各种精美的界面效果。下面这些发出闪亮光泽的按钮,很漂亮吧?把鼠标悬停在按钮上,还有动感的光泽移动效果。
在线演示
源码下载
3、纯 CSS 绘制《辛普森一家》人物头像
一组纯CSS绘制的《辛普森一家》人物头像。《辛普森一家》(The Simpsons)是马特·格勒宁为美国福克斯广播公司创作的一部动画情景喜剧。
在线演示
源码下载
4、CSS & jQuery 制作一款漂亮的多彩时钟
大家可能见过各种各样的时钟效果,比如多年前非常流行的 Flash 制作的各种新奇的动画时钟,现在的 Web开发者们又开始应用 CSS3 和 Canvas 等最新技术来实现。
在线演示
源码下载
5、傻眼了!竟然有如此逼真的雨滴效果
Rainyday.js 是一个轻量的 JavaScript库,利用 HTML5 Canvas 实现雨滴下落在玻璃表面的动画效果。Rainyday.js尽可能的模拟现实的雨滴效果,几乎可以以假乱真了。
在线演示
源码下载
6、HTML5 Canvas 模拟可撕裂布料效果
这是一个模拟可撕裂布料效果的 HTML5 Canvas 应用演示,效果逼真。你会看到,借助 Canvas的强大绘图和动画功能,只需很少的代码就能实现让您屏息凝神的效果。
在线演示
源码下载
7、SVG 实现一个漂亮的页面预加载效果
展示如何使用 CSS 动画, SVG 和 JavaScript创建一个简单的页面预加载效果。对于网站来说,这些预载入得画面提供了一种创造性的方法,使用户在等待内容加载的时候不会那么无聊。
在线演示
源码下载
结合 CSS3 & Canvas 模拟人行走的效果
HTML5 和 CSS3 技术给 Web 带来了新的利器,点燃了Web开发人员的激情。所谓只有想不到,没有做不到,的确如此。下面给大家分享一个结合 CSS3 & Canvas 模拟人行走的动画效果。
在线演示
源码下载
8、HTML5 高仿逼真 3D 布料图案效果
HTML5 规范引进了很多新特性,其中最令人期待的之一就是 Canvas 元素,HTML5 Canvas 提供了通过JavaScript绘制图形的方法,非常强大。下面给大家分享一个 HTML5 Canvas 绘制的 3D 布料图案效果。
在线演示
源码下载
9、带有 CSS3 闪亮特效的缩略图相册
ShineTime 是一个效果非常精致的缩略图相册,鼠标悬停到缩略图的时候有很炫的闪光效果,基于CSS3实现,另外缩略图也会有立体移动的效果。
在线演示
源码下载
10、实现超炫的 Loading(加载)动画效果
SpinKit 是一套网页动画效果,包含8种基于 CSS3实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑,易于定制的动画。
在线演示
源码下载
本文固定链接: http://www.i7758.com/archives/1567.html
- 10款让你心动的 HTML5 & CSS3 效果
- 让你的HTML5&CSS3网站在老IE中也能…
- 8款让前端开发者心动的jQuery/CSS3应用
- 7款值得你心动的HTML5动画和游戏
- 什么样的女人最让你心动?
- 8款让前端开发者心动的jQuery/CSS3应用(个人记录)
- 14款让前端开发者心动的jQuery/CSS3插件及源码
- 让你的Visual Studio 2010支持HTML5和CSS3
- 8个web前端的精美HTML5 & CSS3效果及源码下载
- Google Logo 让你心动
- 9款让你眼前一亮的HTML5/CSS3示例及源码
- 【一段好的爱情,不会只让你心动,…
- 让女神心动的感觉
- 让你的HTML5&CSS3网站在老IE中也能正常显示的3种方法
- 让你的HTML5&CSS3网站在老IE中也能正常显示的3种方法
- 让你的HTML5&CSS3网站在老IE中也能正常显示的3种方法
- 让你的HTML5&CSS3网站在老IE中也能正常显示的3种方法
- 让你的HTML5&CSS3网站在老IE中也能正常显示
- 给你推荐10款优秀的 HTML5 动画工具
- 日期框的使用
- web前端的十种jquery特效及源码下载
- 10款基于jquery的web前端特效及源码下载
- 10款很好用的 jQuery 图片滚动插件
- 10款让你心动的 HTML5 & CSS3 效果
- 浅谈Java中的几种随机数
- hadoop的基础概念篇(组成和意义)
- 15个web前端的美轮美奂的 jQuery 图片特效
- Windows 下Npm和NodeJS升级
- Zxing生成二维码
- Matlab批量处理转换灰度图
- 7款经典炫酷的HTML5/jQuery动画应用示例及源码
- 8个强大的基于Bootstrap的CSS框架