2024年08月20日 建站教程
如何利用css3语法实现动画旋转效果,下面web建站小编给大家简单介绍一下具体实现代码!
基本语法如下:
div { /* 以X轴为中心旋转45度 */ transform: rotateX(45deg); } div { /* 以Z轴为中心旋转45度 */ transform: rotateZ(45deg); }
具体示例如下:
div { animation: rotateXZ 2s linear infinite; } @keyframes rotateXZ { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } }
本文链接:http://so.lmcjl.com/news/11274/