Question

求一个js（或者其他） 实现几张图片围绕一个点（图片）进行转圈!xiexie!

Answer 1

css3动画rotate

追问

能举给栗子吗？

追答

.circle{
    height:20px;
    width: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../image/circle.png) no-repeat;
    animation:circle 0.6s linear 0s infinite normal forwards;
    -moz-animation:circle 0.6s linear 0s infinite normal forwards;
    -webkit-animation:circle 0.6s linear 0s infinite normal forwards;
    -o-animation:circle 0.6s linear 0s infinite normal forwards;
    transform-origin: 10px 10px;
    -moz-transform-origin: 10px 10px;
    -webkit-transform-origin: 10px 10px;
    -o-transform-origin: 10px 10px;
}
@keyframes circle
{
    0%  {transform: rotate(0deg)}
    100% {transform: rotate(360deg)}
}
@-moz-keyframes circle
{
    0%  {-moz-transform: rotate(0deg)}
    100% {-moz-transform: rotate(360deg)}
}
@-webkit-keyframes circle
{
    0%  {-webkit-transform: rotate(0deg)}
    100% {-webkit-transform: rotate(360deg)}
}
@-o-keyframes circle
{
    0%  {-o-transform: rotate(0deg)}
    100% {-o-transform: rotate(360deg)}
}