CSS3动画网页元素旋转，纯css3实现；

<div>

    <div class="rot"></div>

</div>

<style>

.rot{

    background:#000;

    animation: 9.5s linear 0s normal none infinite rotate;

    -webkit-animation:9.5s linear 0s normal none infinite rotate;

    height: 50px;

    width: 50px;

    border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    -webkit-border-radius:5px;

}

@-webkit-keyframes rotate{

    from{-webkit-transform:rotate(0deg)}

    to{-webkit-transform:rotate(360deg)}

}

@-moz-keyframes rotate{

    from{-moz-transform:rotate(0deg)}

    to{-moz-transform:rotate(360deg)}

}

@-ms-keyframes rotate{

    from{-ms-transform:rotate(0deg)}

    to{-ms-transform:rotate(360deg)}

}

@-o-keyframes rotate{

    from{-o-transform:rotate(0deg)}

    to{-o-transform:rotate(360deg)}

}

</style>