-webkit-animation:仍旧是一个复合属性，-webkit-animation: name duration timing-function delay iteration_count direction;包括以下几个属性（1） -webkit-animation-name 这个属性的....
分类：
Web程序 时间：
2014-09-01 15:23:33
阅读次数：
366
************◆Margin属性：适合对象:所有元素是否继承:no百分比备注:相对于BOX的宽度2D Transform 方法实例div{transform: rotate(30deg);-ms-transform: rotate(30deg); /* IE 9 */-webkit-tr....
分类：
Web程序 时间：
2014-09-01 00:26:02
阅读次数：
249
/*help*/.help{ position: relative; width: 130px; height: 130px; border: 6px #fff solid; border-radius: 50%; -webkit-animation: rotation 1s ease-in...
分类：
Web程序 时间：
2014-08-31 15:48:01
阅读次数：
520
/* 线性渐变 */div.radial {width: 600px;height: 100px;margin: 30px auto;border: 1px #f00 solid;background: -webkit-gradient(linear, 0 0, 0 100%, from(yello...
分类：
Web程序 时间：
2014-08-30 17:36:40
阅读次数：
356
近几年，移动应用和web2.0大行其道，相比之下，传统桌面应用程序开发显得相对冷清（包括该领域技术人才的后继力量），但在一些场景下，它依然有其不可替代的优势。将HTML5和Node.JS的技术优势，应用于桌面应用程序开发，使得工作变得简单而高效。
因此在AOL中搜索”html 开发桌面应用“，结果发现了王文睿的node-webkit和有道的heX这两款技术，很明显node-webki...
分类：
Web程序 时间：
2014-08-29 18:19:18
阅读次数：
206
本功能比较简单，就是一个大幕，左右滚动播放图片。
关键点在于如何实现平滑的滚动，包括动画效果，3d效果等。
img {
position: absolute;
top:200;
left:400px;
/* border: 1px solid #333;*/
padding: 2px 5px 2px 5px;
-webkit-transition:ease all 0.7s;
...
分类：
其他好文 时间：
2014-08-29 11:03:27
阅读次数：
196
CSS实现常用效果附源码和结果图，圆角，三角，爱心，五角星，六边形，12角星，无穷大，钻石，八边形，鸡蛋，八卦等等例子...
分类：
Web程序 时间：
2014-08-29 07:17:57
阅读次数：
372
其实也是前些日子做移动端的页面接到这么个需求，本来以为这没法实现，同事跟我说-webkit-line-clamp属性可以，就去查了查，果然Pc端基本不会有这种需求，因为这个方法兼容性太差，浏览器份额不是webkit占大头（特别是天朝），看前缀就知道只支持webkit内核，他属于webkit内部属性，...
分类：
其他好文 时间：
2014-08-28 09:35:29
阅读次数：
149
/* 径向渐变 */div.radial { width: 600px; height: 400px; margin: 30px auto; border: 1px #f00 solid; background-image: -webkit-gradient(radial,50% 50%,0, 50...
分类：
Web程序 时间：
2014-08-28 00:51:18
阅读次数：
1260
div{transform:rotate(7deg);-ms-transform:rotate(7deg); /* IE 9 */-moz-transform:rotate(7deg); /* Firefox */-webkit-transform:rotate(7deg); /* ...
分类：
Web程序 时间：
2014-08-27 12:33:37
阅读次数：
205
