今天，要实现一个长任务等待提示效果。然后设计师就把做好的gif效果图给我，就是下面这个，转转转等待提示效果。按照大众做法，我应该是把图片直接按图索骥，调调布局，然后早早回家抱老婆。
但是，我这个人，天生不安分守己。想到是用在客户端，客户端又是用的webkit内核，于是，立马决定使用CSS3来折腾一番……
文章关键字 ‘旋转’
CSS3实现鸡蛋饼饼图loading等待转转转
2014年04月25日，星期五深入理解CSS3 gradient斜向线性渐变
2013年09月6日，星期五CSS3斜向渐变，看上去好像挺简单。实际上，其远没有你想得那么简单。本文就将逐步揭开其一些复杂、特意的地方。避免您在日后的使用中掉进坑里。
很多自己制作演示图，希望本文的内容能够对您的学习有所帮助。
理解CSS3 transform中的Matrix(矩阵)
2012年06月8日，星期五
本文非常详尽的讲解了CSS3 transform中的矩阵。花了很多时间制作了很多帮助理解的demo，还专门制作了效果演示gif动图，配以丰富必要的截图说明，文字表述上也力求通俗易懂。个人觉得本文质量还是很不错的，希望可以对此感兴趣的人提供力所能及的帮助。
CSS垂直翻转/水平翻转提高web页面资源重用性
2011年05月19日，星期四水平或是垂直翻转性质的东西基本上类似于镜像拷贝，于是，我们在web制作的时候，一旦遇到对称出现的元素的时候，我们只需要处理一个元素就可以了，然后另外一个直接翻转使用下。这不但节约了资源的利用，还减少了代码的开销，省去了不少工作时间，换言之延长了我们的寿命，可谓相当不错的东东。
本文就展示下如何实现元素的水平翻转与垂直翻转，同时列举了几个典型实现，以了解翻转效果的现实意义。雷打不动的，有demo，有截图，希望本文的内容能够对您的学习有所帮助。
CSS clip:rect矩形剪裁功能及一些应用介绍
2011年04月2日，星期六
CSS中有一个属性叫做clip，为修剪，剪裁之意。配合其属性关键字rect可以实现元素的矩形裁剪效果。此属性安安稳稳地存在于CSS2.1中，且使用上基本上没有类似于max-height/display:table-cell等浏览器的兼容性问题。但是，貌似大家很少使用此属性。实际上clip是实在在的可以在实际项目中大放光彩的东东。
本文一如既往，提供必要的demo页面以及源代码展示，提供属性的一些具有代表性的实例。总之，希望本文的内容能够对您的学习有所帮助。
IE矩阵滤镜Matrix旋转与缩放及结合transform的拓展
2011年03月12日，星期六IE浏览器下Matrix滤镜可以实现旋转效果早在去年1月份在“图片旋转效果的一些研究、jQuery插件及实例” 一文中就有过还算详细的介绍。这里之所以要重新嚼以前嚼过的烂叶子是因为我之前以为IE Matrix矩阵滤镜只能实现元素的旋转与拉伸，但是就在前几天发现Matrix滤镜还有元素比例缩放的功能，类似于zoom属性的功能。于是花时间折腾了一下，决定立文备忘下。
由于现代浏览器中CSS3的transform属性可以轻松实现元素的旋转以及比例改变，所以如果……
CSS/CSS3长度、时间、频率、角度单位大全
2011年03月7日，星期一本文主要简单介绍下CSS中各式各样的单位值，旨在拓展眼界，所以内容都是很浅显的。重要的是一个关于单位以及含义的表格，虽说是篇简单粗糙的文章，但是还是有必要的demo页面以及相应的截图和源代码展示的。客套的话就不多说了，总之，希望本文的内容能够对您的学习有所帮助。
使用纯洁的CSS实现HTML5的新logo
2011年01月21日，星期五CSS3+js实现多彩炫酷旋转圆环时钟效果
2010年08月9日，星期一
本文介绍主要由CSS3 transform的rotate配合一些巧妙的方法实现的炫酷的时钟旋转效果。虽说没有多大实用价值，不过对于熟悉CSS3的旋转属性，以及了解IE滤镜旋转的一些知识是很有用的。本文提供源文件下载，代码展示，以及必要的demo。希望能对您的学习有所帮助。
我的应用
我的应用