gpt4 book ai didi

css - 试图让我的旋转动画起作用。怎么了?

转载 作者:太空宇宙 更新时间:2023-11-04 09:33:42 27 4
gpt4 key购买 nike

我似乎无法播放动画。我希望它旋转180度,并且什么也没有发生。我将代码放在错误的位置了吗?这是我的CSS代码:

@keyframes headerspin {
from {
transform: rotation(0deg);
}

to {
transform: rotation(180deg);
}
}


这是我要插入动画的地方:

img#headergif {
animation-name: headerspin;
animation-duration: 1.5s;
}

最佳答案

代替transform: rotation(0deg);使用transform: rotate(0deg);



div {
width: 100px;
height: 100px;
background-color: red;
-webkit-animation-name: example;
-webkit-animation-duration: 4s;
animation-name: example;
animation-duration: 4s;
}

@keyframes example {
from {
transform: rotate(0deg);
}
to {
transform: rotate(180deg);
}
}

<!DOCTYPE html>
<html>
<body>

<div></div>

</body>

</html>

关于css - 试图让我的旋转动画起作用。怎么了?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40560080/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com