关于#css#的问题，如何解决？

问题遇到的现象和发生背景

我想要css动画停留在最后一帧，除了定位都生效了

问题相关代码，请勿粘贴截图

@keyframes remove{
from{
position: relative;
bottom: 0;
opacity: 1;
}
to{
bottom: -15px;
opacity: 0.5;
color: aqua;
}
}

.a{
animation:remove 1s forwards
}
操作classname为a的元素

运行结果及报错内容

运行结果是除了bottom：-15px，其他属性都停留在最后一帧

我的解答思路和尝试过的方法

尝试加过前缀和forwards，还是没有用

我想要达到的结果

to{
position:relative;
bottom: -15px;
opacity: 0.5;
color: aqua;
}