作者：Dany Paredes，本文翻译自：dev.to/danywalls/h…
我继续修复我的CSS弱点，今天是CSS动画的时间。
CSS帮助我们使用关键字@_关键帧_创建动画，它有助于设置属性的初始状态和动画期间的时间。
我们改变尺寸、颜色、尺寸、可见性和更多属性。
创建我的第一个动画
关键帧需要名称和使用from来帮助我们从开始到结束范围内修改哪些属性。 例如，动画我的_动画_，改变边框半径从0到50%。
@keyframes myanimation {
from {
border-radius:0px
}
to {
border-radius: 50%;
}
}
用元素连接关键帧
定义了我的动画，然后下一步是将我的元素与动画连接起来，2个属性是必需的_动画名称_和_动画_持续时间。
animation-name: myanimation;
animation-duration: 3s;
另一种选择是%而不是from to，因为它对未来的变化是灵活的。
其他不需要的是_动画延迟_和_动画迭代计数_
- 动画延迟：延迟后开始动画；
- 动画迭代计数：设置多少次是动画运行，但默认情况下1，它可以改变其他数字值或无限不停止。
有些时候，我们希望以关键帧状态开始元素，对于这些情况，使用_动画填充模式_，向后显示值_。_
animation-fill-mode: backwards;
如果您想保持最后一个元素状态，请使用_选项fo_ward。
animation-fill-mode: fowards;
对于这两种情况，都_使用两个关键字_。
animation-fill-mode: both;
就是这样啦！
这是一个在CSS中使用动画的快速概述，您可以使用它并在css中构建出色的动画，就像我上一个例子一样。
如果你喜欢这篇文章，分享它！
