css3动画效果

/*红包侠黄色圆圈不断放大缩小动画*/

.yellow_sacle{
    animation: yuan 0.3s linear 0s infinite alternate;
}
@keyframes  yuan {
    from {
        transform: scale(1);
        -ms-transform: scale(1); /* IE 9 */
        -moz-transform: scale(1); /* Firefox */
        -webkit-transform: scale(1); /* Safari 和 Chrome */
        -o-transform: scale(1); /* Opera */
    }
    to {
        transform: scale(1.2);
        -ms-transform: scale(1.2); /* IE 9 */
        -moz-transform: scale(1.2); /* Firefox */
        -webkit-transform: scale(1.2); /* Safari 和 Chrome */
        -o-transform: scale(1.2); /* Opera */
    }
}

/*刮一刮广告上升效果*/

.redbag_ad_go{ animation: go 0.8s linear 0.3s forwards; }
@keyframes  go{
    from { margin-bottom: 15%;  }
    to{ margin-bottom:22%; }
}