html div 360旋转动画效果,CSS3简单实现div图层360deg旋转

CSS3简单实现div图层360deg旋转

.stage{        width: 200px;        height: 200px;        background-color: #acffa5;    }

.box1{        width: 50px;        height: 50px;        background-color: #b2caff;         animation: rotate  2s linear infinite;    }

.box1:hover{        animation-play-state: paused;    }

@keyframes rotate {

0%{            transform: rotate(0);        }

100%{            transform: rotate(360deg);        }

}

图层旋转