将 > 旋转90度箭头朝下,添加animation动画后,> 的箭头方向又变回了朝
animation 动画效果
div{ font-family:Arial; font-size:72px; font-weight:bold; position:fixed; left:0; right:0; bottom:25px;;width:30px; height:30px; margin:auto; transform:rotate(90deg); animation:jt 0.3s infinite alternate 0.5s running;}
@keyframes jt{
from{ transform:translate(0,10px)}
to{ transform:translate(0,0)}
}
> |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
因为你animation动画有transform ,他覆盖了你之前的那个transform:rotate旋转属性
解决方法的话,
@keyframes jt{
from{ transform: rotate(90deg), translate(0,10px)}
to{ transform: rotate(90deg),translate(0,0)}
} |
|
|
|
|