2012年9月13日
摘要: CSS3提供了强大的动画功能,包括transform(变换)、transition(转换)和animation(动画)。这里记录我从论道和网上的学习笔记。 transform主要控制元素进行平面上的二维变换。eg:旋转,缩放,变形。 1、旋转属性:rotate,当旋转的角度为正值时表示顺时针方向旋转,单位为度数(deg)。transform:rotate(120deg); 2、缩放属性:scale,可以对元素按照百分比进行放大和缩小。transform:scale(1.1); 3、偏斜属性:skew,有两个参数,第一个表示按照x轴逆时针偏斜,当为负值的时候表示顺时针偏斜。第二个参数表示y轴.. 阅读全文
posted @ 2012-09-13 19:33 小海少 阅读(818) 评论(0) 推荐(0) 编辑
摘要: 第一种是HSL。H、S、L分别表示色调,饱和度和亮度。使用HSL可以基于色调、饱和度和亮度进行调节不需要算RGB的值。 HSLA就是在HSL上加上"Alpha通道"(透明度),可以使用HSLA为HSL进行透明度的设置。A的默认值是1,就是不透明效果跟HSL一样。 第二种是RGB。 语法: R:红色值。正整数 | 百分数 G:绿色值。正整数 | 百分数 B:蓝色值。正整数| 百分数 A:透明度。取值0~1之间 0(或360)表示红色,120表示绿色,240表示蓝色,当然可取其他数值来确定其它颜色; 在背景属性中使用RGBA: background: -webkit-linea 阅读全文
posted @ 2012-09-13 15:45 小海少 阅读(303) 评论(0) 推荐(0) 编辑