css3 animation 反向继续执行

要实现CSS3动画的反向继续执行，可以animation-fill-mode属性设置为backwards。这意味着在动画结束后，动画将应用在animation-delay定义期间启动动画的第一次迭代的关键帧中定义的属性值。无论animation-direction是normal或alternate，backwards都会使用from关键帧中的值或者reverse关键帧中的值。这样，动画就会以反向的方式继续执行。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [css3 animation (动画) 属性](https://blog.csdn.net/weixin_52139713/article/details/125572636)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [css3中 animation](https://blog.csdn.net/ojb98K/article/details/106963073)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]