随笔分类 -  css3

css3 选择器
摘要：http://qiqicartoon.com/?p=629 阅读全文
posted @ 2012-08-26 00:07 丛子 阅读(151) 评论(0) 推荐(0)
[转]css3—matrix矩阵
摘要：原文链接：走走停停看看demo：http://peterned.home.xs4all.nl/matrices/#1.282,-0.010,-0.273,0.801,51.793,-103.582http://blog.csdn.net/baoeni/article/details/7605394今天终于知道matrix矩阵的工作原理，原来跟自己大一时学习的线性代数有很大的关系，看来得找个时间回去补一下功课了….这就是矩阵的运算了，简化为公式：x’=ax+cy+ey’=bx+dy+f所以给定一个matrix矩阵，通过上面的公式变换就可以得到不同的效果，这关系到计算机图形学（省略1w+字..）c 阅读全文
posted @ 2012-07-13 11:15 丛子 阅读(4395) 评论(1) 推荐(0)
[小结] css3的3d布局
摘要：写css3的-webkit-transform-style:preserve-3d是开启了该容器的3d空间，并且调用硬件加速。需要多个动作的div要合写在一起，不能分开写，否则后面的会覆盖前面的。keyframe里每个关键帧都会分别按照timing-function的设置运动，并不是整个全部运动过程执行一套ease，所以，要想明白自己到底要什么效果。动画执行完后会恢复原样，无法停留在最后的样子。<html> <head> <title> New Document </title> <meta name="Generator&quo 阅读全文
posted @ 2012-07-12 16:59 丛子 阅读(1598) 评论(0) 推荐(0)
[小结] flexbox
摘要：总结一些需要注意的点： 1. 不要忘记写 html, body {margin:0; height:100%;}，否则 outer 的 height:100%就不会有效果。 2. 给body设置box-sizing:border-box;可以让padding也包含在height里。 3. box的子元素是默认横向（horizontal）排列的，此时，box-pack是负责横向左中右对齐，box-align是负责竖向上中下对齐的。 当将box-orient:vertical时，是纵向排列，此时，box-pack是负责上中下对齐，而box-align负责左中右对齐。相当于旋转了90度。... 阅读全文
posted @ 2012-07-12 16:42 丛子 阅读(329) 评论(0) 推荐(0)
【收藏】应用HTML5搭建街旁新版混合式iOS客户端
摘要：http://www.infoq.com/cn/presentations/hybrid-html5-ios-clientnative+html5+css3的优劣势和发展，还有很多大公司的实际案例，视频还配合了ppt，重要的只能截图了。1. 街旁5的hybrid开发模型中使用的工具方案其中的Less CSS 是一个使用广泛的 CSS 预处理器，通过简单的语法和变量对 CSS 进行扩展，可减少很多 CSS 的代码量。LESS 将 CSS 赋予了动态语言的特性，如 变量， 继承， 运算， 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可一在服务 阅读全文
posted @ 2012-06-26 00:47 丛子 阅读(1734) 评论(0) 推荐(0)