CSS动画-页面特效

标签：

1. 2D、3D转换

形状 尺寸 位置

移动 缩放 转动 拉长 拉伸

2D: translate() rotate() scale() skew() matrix()

3D: rotateX() rotateY()

2. 过渡 

3. 动画

transition

transition-property transition-duration 

transition-timing-function 过渡时间曲线  transition-delay

4. 多列，CSS3中可以创建多列来对文本或者区域进行布局

column-count column-map column-rule

.div1{
    column-count: 3;
    -moz-column-count: 3;
    column-gap: 50px;
    -moz-column-gap: 50px;
    column-rule: 5px outset #FF0000;
    -moz-column-rule: 5px outset #FF0000;
}

5. CSS瀑布流

CSS动画-页面特效

标签：

原文地址：http://www.cnblogs.com/htmlphp/p/4774357.html