实例教程 纯CSS3打造非常炫的加载动画效果

    to { -webkit-transform: translate(80px,0px) scale(0); }   
}   
@keyframes scaleTriangleTwo {   
    from { transform: translate(0px,-46px) scale(0.5); }   
    to { transform: translate(80px,0px) scale(0); }   
}   
  
span.triangle.no3 {   
    -webkit-animation: scaleTriangleThree 3s linear infinite;   
    animation: scaleTriangleThree 3s linear infinite;   
}   
  
@-webkit-keyframes scaleTriangleThree {   
    from { -webkit-transform: translate(0px,-116px) scale(0.5); }   
    to { -webkit-transform: translate(0px,-280px) scale(0); }   
}   
@keyframes scaleTriangleThree {   
    from { transform: translate(0px,-116px) scale(0.5); }   
    to { transform: translate(0px,-280px) scale(0); }   
}  
　　

　　以上就是实现一款非常炫的加载图的css代码，谢谢阅读，希望能帮到大家，请继续关注软件开发网，我们会努力分享更多优秀的文章。