CSS3动画常用demo

1、border动画

2、闪动动画（一闪一闪亮晶晶，满天都是小星星）

.blink {
    animation: mymove 0.8s infinite;
    -webkit-animation: mymove 0.8s infinite; /*Safari and Chrome*/
}

@keyframes mymove {
    from {
        background: green;
    }

    to {
        background: #eee;
    }
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
    from {
        background: #eee;
    }

    to {
        background: green;
    }
}

代码解读

0.8秒执行一次，背景色一会为#eee,一会为green,永不停止。

3、silder动画

4、进度条的动画

5、正在加载的动画

6、旗帜在天空飘动的动画

7、背景图是交叉图形的动画规则