首页css transformer旋转动画

css transformer旋转动画

时间: 2023-09-29 16:06:35 浏览: 224

css实现旋转

用纯css技术实现旋转以及放大的特效

CSS中的transform属性可以用于实现旋转动画。下面是一个示例代码： ```html <!DOCTYPE html> <html> <head> <style> /* 定义动画样式 */ @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* 应用动画样式到元素 */ .box { width: 100px; height: 100px; background-color: red; animation: rotate 2s linear infinite; } </style> </head> <body> <div class="box"></div> </body> </html> ``` 这段代码会创建一个宽高为100px的红色方块，并应用一个名为"rotate"的旋转动画，使方块以

阅读全文