阅读量:0
是的，在CSS中，可以使用@keyframes规则和:hover伪类选择器结合来实现元素的旋转效果。下面是一个简单的示例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .box { width: 100px; height: 100px; background-color: red; transition: transform 0.5s; } .box:hover { animation: rotation 2s linear infinite; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } </style> </head> <body> <div class="box"></div> </body> </html> 在这个示例中，当鼠标悬停在.box元素上时，它会开始旋转。@keyframes定义了一个名为rotation的动画，从0度开始，到359度结束，实现了360度的旋转效果。transition属性使得旋转过程更加平滑。
