0
HTML浏览:添加动画属性后,元件位置改变
<div class="wrapper">
<div class="btn_img">
<a href="#"><img src="path/to/img" alt=""></a>
</div>
</div>
CSS:
.wrapper .btn_img {
top: 50%;
left: 50%;
transform: translate(-50%, 50%);
animation-name: btnP1lay;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
}
@keyframes btnPlay {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
如果我删除从.btn_img元素的动画,它得到位心,我需要动画。 动画会改变位置。