45个非常奇妙的CSS3 特性应用示例


Posted in HTML / CSS onJanuary 01, 2012

这篇文字收集了45个让人觉得不可思议的 CSS3 应用示例,它们验证了 CSS3 Transform 和 Transition 等属性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善,设计师和开发者们有了更多的选择,以前需要使用 JavaScript 才能实现的各种很酷的界面效果和动画,如今使用纯 CSS 代码就可以很容易实现。

CSS3 Clock With jQuery

45个非常奇妙的CSS3 特性应用示例

Another Image Gallery

45个非常奇妙的CSS3 特性应用示例

Sliding Vinyl

45个非常奇妙的CSS3 特性应用示例

3D Cube That Rotates Using Arrow Keys

45个非常奇妙的CSS3 特性应用示例

Multiple 3D Cubes (Slide In/Out)

45个非常奇妙的CSS3 特性应用示例

CSS3 Accordion

45个非常奇妙的CSS3 特性应用示例

Auto-Scrolling Parallax

45个非常奇妙的CSS3 特性应用示例

Isocube

45个非常奇妙的CSS3 特性应用示例

Image Gallery

45个非常奇妙的CSS3 特性应用示例

Matrix

45个非常奇妙的CSS3 特性应用示例

7 Javascript-effect Alternatives Using CSS3

45个非常奇妙的CSS3 特性应用示例

Image Hover Effects

45个非常奇妙的CSS3 特性应用示例

Turning Coke Can (Control With Scrollbar)

45个非常奇妙的CSS3 特性应用示例

3D Meninas

45个非常奇妙的CSS3 特性应用示例

Polaroid Gallery

45个非常奇妙的CSS3 特性应用示例

Space

Note: this one is graphic intense and takes a while to load, but the result is crazy!

45个非常奇妙的CSS3 特性应用示例

Mac Dock

45个非常奇妙的CSS3 特性应用示例

Drop-In Modals

45个非常奇妙的CSS3 特性应用示例

Zooming Polaroids

45个非常奇妙的CSS3 特性应用示例

Animated Rocket

45个非常奇妙的CSS3 特性应用示例

Poster Circle

45个非常奇妙的CSS3 特性应用示例

Morphing Cubes

45个非常奇妙的CSS3 特性应用示例

Analogue Clock

45个非常奇妙的CSS3 特性应用示例

Falling Leaves

45个非常奇妙的CSS3 特性应用示例

Animated Polaroid Gallery

45个非常奇妙的CSS3 特性应用示例

Spotlight Cast Shadow

45个非常奇妙的CSS3 特性应用示例

Colorful Clock

45个非常奇妙的CSS3 特性应用示例

Lightbox Gallery (Draggable)

45个非常奇妙的CSS3 特性应用示例

Elastic Thumbnail Menu

45个非常奇妙的CSS3 特性应用示例

Coverflow

45个非常奇妙的CSS3 特性应用示例

Snowflakes

45个非常奇妙的CSS3 特性应用示例

jQuery DJ Hero

45个非常奇妙的CSS3 特性应用示例

Dynamic Stacking Cards

45个非常奇妙的CSS3 特性应用示例

Snow Stack (Control With Arrow Keys)

45个非常奇妙的CSS3 特性应用示例

Animated Pricing Column

45个非常奇妙的CSS3 特性应用示例

Slick jQuery Menu

45个非常奇妙的CSS3 特性应用示例

CSS3

45个非常奇妙的CSS3 特性应用示例

CSS Tabs Without Javascript

45个非常奇妙的CSS3 特性应用示例

Tab Menus Without Javascript

45个非常奇妙的CSS3 特性应用示例

SVG Fisheye Menu

45个非常奇妙的CSS3 特性应用示例

Dynamic Presentation Without Flash

45个非常奇妙的CSS3 特性应用示例

Rotating Gallery

45个非常奇妙的CSS3 特性应用示例

Dropdown Menu

45个非常奇妙的CSS3 特性应用示例

Frame-by-Frame Animation (Hover to Play)

45个非常奇妙的CSS3 特性应用示例

Another Accordion

45个非常奇妙的CSS3 特性应用示例

AT-AT Walker (No Flash or Javascript)

45个非常奇妙的CSS3 特性应用示例

Another Fisheye

45个非常奇妙的CSS3 特性应用示例

HTML / CSS 相关文章推荐
使用CSS3实现字体颜色渐变的实现
Mar 09 HTML / CSS
css3 按钮样式简单可扩展创建
Mar 18 HTML / CSS
实例讲解CSS3中Transform的perspective属性的用法
Apr 22 HTML / CSS
CSS3 transforms应用于背景图像的解决方法
Apr 16 HTML / CSS
HTML5 用动画的表现形式装载图像
Mar 08 HTML / CSS
整理的15个非常有用的 HTML5 开发教程和速查手册
Oct 18 HTML / CSS
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
Jul 04 HTML / CSS
详解Html5页面实现下载文件(apk、txt等)的三种方式
Oct 22 HTML / CSS
H5页面适配iPhoneX(就是那么简单)
Dec 02 HTML / CSS
web前端之css水平居中代码解析
May 20 HTML / CSS
浅谈由position属性引申的css进阶讨论
May 25 HTML / CSS
使用CSS实现六边形的图片效果
Aug 05 HTML / CSS
让IE6支持css3,让 IE7、IE8 都支持CSS3
Oct 09 #HTML / CSS
利用CSS3的transform做的动态时钟效果
Sep 21 #HTML / CSS
CSS3 border-image详解、应用及jQuery插件
Aug 29 #HTML / CSS
CSS3 特效范例整理
Aug 22 #HTML / CSS
你正在寻找的CSS3 动画技术
Jul 27 #HTML / CSS
IE兼容css3圆角的实现代码
Jul 21 #HTML / CSS
10个很棒的 CSS3 开发工具 推荐
May 16 #HTML / CSS
You might like
ThinkPHP验证码和分页实例教程
2014/08/22 PHP
php实现的美国50个州选择列表实例
2015/04/20 PHP
PHP中__autoload和Smarty冲突的简单解决方法
2016/04/08 PHP
JQUERY设置IFRAME的SRC值的代码
2010/11/30 Javascript
利用NodeJS的子进程(child_process)调用系统命令的方法分享
2013/06/05 NodeJs
jcrop基本参数一览
2013/07/16 Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
2013/11/30 Javascript
JavaScript实现的背景自动变色代码
2015/10/17 Javascript
原生js封装自定义滚动条
2017/03/24 Javascript
Ext JS 实现建议词模糊动态搜索功能
2017/05/13 Javascript
Scala解析Json字符串的实例详解
2017/10/11 Javascript
Vue导出json数据到Excel电子表格的示例
2017/12/04 Javascript
JS前端广告拦截实现原理解析
2020/02/17 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
Python中集合的内建函数和内建方法学习教程
2015/08/19 Python
对python sklearn one-hot编码详解
2018/07/10 Python
Linux 修改Python命令的方法示例
2018/12/03 Python
Python日志无延迟实时写入的示例
2019/07/11 Python
详细介绍pandas的DataFrame的append方法使用
2019/07/31 Python
解决Python计算矩阵乘向量,矩阵乘实数的一些小错误
2019/08/26 Python
python输出第n个默尼森数的实现示例
2020/03/08 Python
Python多线程threading join和守护线程setDeamon原理详解
2020/03/18 Python
PyQt5 如何让界面和逻辑分离的方法
2020/03/24 Python
StubHub意大利:购买和出售全球演唱会和体育赛事门票
2017/11/21 全球购物
美国演唱会和体育门票购买网站:Ticketnetwork
2018/10/19 全球购物
最好的意大利皮夹克:D’Arienzo
2018/12/04 全球购物
澳大利亚购买健身器材网站:Gym Direct
2019/12/19 全球购物
SQL SERVER面试资料
2013/03/30 面试题
中专生自我鉴定范文
2013/12/19 职场文书
销售人员获奖感言
2014/02/05 职场文书
药品业务员岗位职责
2014/04/17 职场文书
2014乡镇党委副书记对照检查材料思想汇报
2014/10/09 职场文书
大学毕业论文致谢词
2015/05/14 职场文书
2016年第十九届推普周活动总结
2016/04/06 职场文书
Go 自定义package包设置与导入操作
2021/05/06 Golang
Django利用AJAX技术实现博文实时搜索
2021/05/06 Python