随笔分类 -  CSS3

CSS version 3
CSS3 Animation
摘要：谁来支持它?4.04.05.010.012.0Hello World!Hello World!把鼠标移到Hello World上上例中的关键代码：View Code @-webkit-keyframes resize { 0% { padding: 0; } 50% { padding: 0 20px; background-color:rgba(255,0,0,0.2); } 100% { padding: 0 100px; background-color:rgba(255,0,0,0.9); }}@-moz-keyframes resize { ... 阅读全文
posted @ 2012-11-05 21:42 moonreplace 阅读(541) 评论(0) 推荐(0)
CSS3 Transforms
摘要：CSS3 Transforms:是一个用来进行形状变化的属性，主要包括2D和3D变换，先让我们来看一下对browser的支持程度。对CSS 2D Transform支持的browser:2D Transform例子：看一个倾斜的例子(skew),文字是可以选择的这个是一个缩放的例子这是一个旋转的例子这是一个移动的例子这是一个综合了上面4个例子的例子让我们来看一下上面的代码：View Code #trans2D #skew { -web-transform: skew(45deg); -o-transform: skew(45deg); -moz-transform: skew(45deg... 阅读全文
posted @ 2012-10-29 21:23 moonreplace 阅读(466) 评论(0) 推荐(0)