案列:css3阴影循环渐变

一个在线调试阴影的地址:http://www.css88.com/tool/css3Preview/Box-Shadow.html

案列:css3阴影循环渐变

@keyframes changeshadow {
    0%{
        -moz-box-shadow:0px 0px 5px rgba(1,118,178,0.58);
        -webkit-box-shadow:0px 0px 5px rgba(1,118,178,0.58);
        box-shadow:0px 0px 5px rgba(1,118,178,0.58);
    }

    100%{
        -moz-box-shadow:0px 0px 12px rgba(1,118,178,0.58);
        -webkit-box-shadow:0px 0px 12px rgba(1,118,178,0.58);
        box-shadow:0px 0px 12px rgba(1,118,178,0.58);
    }
}
//动画调用
a {
      -webkit-animation: changeshadow 1s infinite;
      -o-animation: changeshadow 1s infinite;
      animation: changeshadow 1s infinite;
}

未经允许不得转载:小小程序员 » 案列:css3阴影循环渐变

赞 (1)

评论 0