animation# css动画

1.Animate.css

网址:http://daneden.github.io/animate.css/

2.Normalize.css

normalize.css 也是将所有的浏览器样式统一,但是保留了标签的默认样式

3.box-shadow 动画

@keyframes downloadButton {
    from {
        box-shadow: 0 0 1px 2px rgba(1, 1, 1, 0.1);
    }
    50% {
        box-shadow: 0 0 25px 6px rgba(1, 1, 1, 0.3);
        ;
    }
    to {
        box-shadow: 0 0 1px 2px rgba(1, 1, 1, 0.1);
    }
}

.masthead {
    animation: downloadButton 2.5s infinite;
    transition: none;
}

补充:
1.box-shadow属性相关讲解:
    http://blog.csdn.net/freshlover/article/details/7610269

2.animation
3.transition

results matching ""

    No results matching ""