这里的transition指的就是CSS3中的那个过渡动画属性transition. 如果我们仔细查看其支持的CSS属性值，会发现竟然有一个visibility.
此时，我的脑袋上立马冒出了3个大大的问号：visibility不就visibile/hidden/collapse等值，又不是数值什么的，怎么有动画效果呢？？
一番查阅研究，发现，这玩意还是有些作料的……
文章关键字 ‘transition’
小tip: transition与visibility
2013年05月14日，星期二“更多|收起”交互中渐进使用transition动画
2012年10月19日，星期五虽然，web世界中，交互动画效果N多多，但是，很多都是约定俗成的，或者称之为“有固定套路的”。
根据David Kaneda创建的Transitions动画CSS代码，我们可以将效果归结为这几大类：slide(滑来滑去), fade(淡入淡出), flip(飞来飞去), pop(大大小小).
如居中弹框呈现与隐藏，适合pop效果；绝对定位浮动层（如智能提示下拉框，自定义时间选择控件）等的呈现与隐藏使用fade效果；幻灯片播放的广告位效果一般为slide效果；点击某商品飞入页面右下角或左上角的购物车就是flip效果（类似最新FireFox浏览器关闭标签页效果）。
而对于页面上，“展开更多|收起更多”这类交互……
好吧，CSS3 3D transform变换，不过如此！
2012年09月7日，星期五
CSS3 3D transform变换对于没有接触过的人而言可能会是件很头疼的事情。首先涉及到N多CSS方法以及CSS函数，如何理解他们头疼；其次，3D效果的实现，需要一定的空间想象能力，但是，不少人的脑袋是会想妹子想男人，怎么办？再者，3D效果的实现还离不开各种角度方位的数学计算，要是勾起了某些人学生时代的数学梦魇，又可如何是好！
相当不少人有这样的境遇，加上自己最近也在学习CSS3 3D transform变换的相关东西。好吧，整理一下，用通俗易懂的方式表达下我对CSS3 3D transform变换的一些理解；分享知识同时，自己也整理和提高了。一举两得，何乐不为。
本文是难得的长篇，很多精心挑选制作的配图，N多帮助理解制作用心的的demo页面，还有必要的源代码展示等。希望本文的内容可以让您学习CSS3 3D transform变换的相关知识更加的轻松！
伪类+js实现CSS3 media queries跨界准确判断
2012年05月11日，星期五我们都知道，CSS3 media queries是响应布局实现之利器。国外很多著名的前端站点，如css-tricks, smashingmagazinegazine等都采用了响应布局。
虽然国内此技术应用就像是打不着的打火机，没法跟如火如荼的欧美相比。但是，毕竟趋势是向前发展的，总会迎来遍地开花的时候，只是时间的长短而已。
media queries可以让设备在不同尺寸下应用不同的CSS样式、布局等。以适应手持设备、普屏显示器、宽屏显示器，以及未来冰箱上的联网显示器，汽车上的数码设备等。然后，仅仅通过CSS做布局可能无法应对所有的交互请求。
……
如何让JS的修改与CSS布局改变同步呢？
近期折腾：使用JS以及HTML5实现鑫情动画
2012年05月2日，星期三大学时期，因为兴趣，花了不少时间学习flash动画制作以及AS脚本。后来开发个人网站时候，一方面想自娱自乐，另一方面由于这份无法割舍的情愫，开辟了个“阳光鑫情”的频道。要知道，这玩意很耗精力的。后来，工作忙了，任务重了，还要博客这块的压力，我只是个普通凡人，无法同时专注于几个事情，因此，“阳光鑫情”就让它去海南晒太阳去了。上周五一节前的几天，基本上没有什么活，各种x, y, z因素参杂在一起，让我突然脑中灯泡一亮——我是不是可以用HTML5实现“鑫情动画”？……
本文就将展示如何使用HTML5以及简单的JavaScript代码实现类似Flash的动画效果。
小tip：CSS3下的圆形遮罩效果实现与应用
2011年12月23日，星期五本文展示下如何使用单纯的CSS实现遮罩效果，并列举一个实例看看该技术在实际项目中的应用。一如既往，提供demo页面，丰富的截图和必要的源代码展示。总之，希望本文的内容能够对您的学习有所帮助。
CSS3 Media Queries的些野史外传
2011年08月23日，星期二本文是去年这个时候流产的草稿又起死回生的一篇文章。当初本来想详细讲述Media Queries的前前后后，祖宗八代，后发现被人捷足先得，不得已，流产了。今天在1周年之际，重拾此文，讲下CSS3 Media Queries的些野史外传。有demo，有源代码展示，总之，希望本文的起死回生之作能够对您的学习有所帮助。
CSS/CSS3长度、时间、频率、角度单位大全
2011年03月7日，星期一本文主要简单介绍下CSS中各式各样的单位值，旨在拓展眼界，所以内容都是很浅显的。重要的是一个关于单位以及含义的表格，虽说是篇简单粗糙的文章，但是还是有必要的demo页面以及相应的截图和源代码展示的。客套的话就不多说了，总之，希望本文的内容能够对您的学习有所帮助。
CSS3 Transitions, Transforms和Animation使用简介与应用展示
2010年11月25日，星期四
本文介绍CSS3动画相关的几个属性是：transition, transform, animation，分别理解为过渡，变换，动画。虽然目前很多浏览器还没有完全支持这些属性，但是，在渐进增强的原则下，其高效的动画实现方式还是有很实际的应用价值的。本文实例当先（共14个），依次展示transition属性，transform属性，animation属性，而后三者结合展示一些更实际的效果与应用。
本文demo页面非常详细，提高必要的源代码展示，和截图供参考。希望能对您的学习有所帮助。
翻译 – CSS高峰会议内容精选
2010年09月26日，星期日昨天的CSS峰会上一些优秀的人才就CSS一些尖端的问题发表了他们的看法。有大量的非常有用的信息，总共有8部分的内容，有Denise Jacobs – CSS高级故障排除；Chris Eppstein – 使用Sass和Compass创作样式；Jason Cranford Teague – 2010网页字体年；Zoe Gillenwater – CSS3下的有效&有效率的设计；Estelle Weyl – CSS3 & iPhone；Stephanie Rewis – CSS3 & 渐进增强；David McFarland – CSS3 Animations；Nicole Sullivan – CSS肿胀!
虽都不是什么惊世之作，但是，对于帮助我们开阔视野，增加一个技术知识还是很有帮助的。能力有限，难免会有翻译不准确，或是表述不恰当的地方，欢迎指正。
我的应用
我的应用