演示：http://jsfiddle.net/Adce2/
主要思路：
1， 首先画出侧边栏的html。
2， 利用css3属性分别为close sidebar-content添加显示和隐藏的动画。
3， 利用css3的keyframes来定义动画的样式。...
分类：
Web程序 时间：
2014-06-05 10:05:44
阅读次数：
466
Flipbooks书页面翻转成为在网页设计中最流行的交互动画之一。
他们可以用在 Flash，网页或者在线杂志中。使用书页动画或者页面翻转的网页设计效果展示他们的产品，更加直观有效。
结合 HTML5 和 CSS3 可以来实现如此炫丽的动画，有些插件是可以帮上你...
分类：
编程语言 时间：
2014-06-03 05:39:10
阅读次数：
352
最近把做好的ipad HTML5混合应用适配到android上，发现android的webview比 iPad差太多了，android4.4由于升级到chromium，和chrome内核一致，所有问题不多，但android4.3以下的版本兼容问题太多了，只能一个一个慢慢解决了！
目前已经碰到了css3 flex box布局的兼容问题， js的兼容问题等。
Andro...
分类：
移动开发 时间：
2014-06-03 03:59:32
阅读次数：
353
昨天看到html5tricks上的一篇文章《jQuery鼠标滑过文字跳动动画插件》，止不住手痒用sass、css3实现以下，并进行了扩展，希望能对大家有所帮助，主要利用sass@for指令、compass里的random随机数，给文字设置不同的动画状态，利用transition或animation实现动画。...
分类：
其他好文 时间：
2014-06-02 23:53:21
阅读次数：
514
通常，我们要让某元素居中，会这样做：
#element{
margin:0 auto;
}
如果还想让此元素位置固定呢？一般我们会添加position:fixed，如下：
#element{
position:fixed;
margin:0 auto;
}
但是这样做的结果就是，元素不居中了。这说明fixed使对象脱离了正常文档流。
解决方案：
#ele...
分类：
Web程序 时间：
2014-06-02 23:00:57
阅读次数：
327
我曾经一直以为旋转跟翻转一样，今日自己旋转了好久都发觉跟翻转差一点点，纠结了十几分钟才明确，仅仅能怪自己的立体感太差了。
css3中的transform中有旋转，放缩，倾斜，平移的功能，分别相应的属性是：rotate，scale，skew，translate
旋转：（rotate）...
分类：
Web程序 时间：
2014-06-02 21:28:50
阅读次数：
307
接下来介绍几款制作HTML5动画的工具，它们可以分为几类：1、导出canvas动画：FlashCC(13.1)、Animation、Radi2、导出DIV+CSS3动画：HTML5Maker、EdgeAnimation、TumultHype、Nodefire3、导出SVG动画：Hippo基本上所有工...
分类：
Web程序 时间：
2014-05-31 15:34:29
阅读次数：
334
1.html 部分 2.css 部分.spinner { margin: 100px auto;
width: 50px; height: 60px; text-align: center; font-size: 10px;} .spinner >
div { back...
分类：
Web程序 时间：
2014-05-31 11:52:06
阅读次数：
555
1. 在CSS中用attr()显示HTML属性值attr()功能早在CSS
2.1标准中就已经出现，但现在才开始普遍流行。它提供了一个巧妙的方法在CSS中使用HTML标签上的属性，在很多情况下都能帮你省去了以往需要Javascript处理的过程。要想使用这个功能，你需要用到三种元素：一个:befor...
分类：
Web程序 时间：
2014-05-30 19:28:35
阅读次数：
654
