qq_43378240的博客

效果如图 css <style> *{margin:0;padding:0;} body{perspective:1500px;perspective-origin:50% 200%;} @keyframes rotateBox{ 0%{transform:rotatey(0deg);} 100%{transform:rotatey(360deg);} } div.content{width:300px;height:200px;position:relative;margi

效果如图所示，鼠标放上去会向外扩展，小盒子逆时针旋转，大盒子顺时针旋转，有需要的可以改点参数，变成同一方向旋转 css <style> *{margin:0;padding:0;} li{list-style:none;} /* 小盒子的旋转动画 */ @keyframes rotateMinBox{ 0%{transform:rotateX(30deg) rotateY(0deg);} 100%{transform:rotateX(30deg) rot