CSS动画:如何简写旋转角度的百分比?-灵析社区

你可以的拿捏了

@keyframes rotate360 { 0% { --rotate-angle: 0deg; } 100% { --rotate-angle: 360deg; } } 我希望 `--rotate-angle`的值是随百分比进度增加; 除了`0%{}..1%..2%...100%{}` 这样,能简写吗?

阅读量:14

点赞量:0

问AI
将自定义属性定义为角度属性 @property --rotate-angle { syntax: ''; inherits: false; initial-value: 0deg; } @keyframes rotate { 0% { --rotate-angle: 0deg; } 100% { --rotate-angle: 360deg; } } #el { rotate: var(--rotate-angle); animation: rotate 3s linear; }