2024-06-16• ​​animation-fill-mode​​​：指定动画在非运行时的样式，可以是 ​​none​​​（默认），​​forwards​​​（保持最后一帧的样式），​​backwards​​​（应用第一帧的样式），或 ​​both​​（同时应用第一帧和最后一帧的样式）。• ​​animation-play-state​​​：指定动画的播放状态，可以是 ​​running​​​（默认，动画正在播放）或 ​​paused​​（动画暂停）。• ​​animation-name​​：指定定义动画的关键帧名称。_css3中transition 和 animation的属性分别有哪些

https://www.qianduange.cn//article/12240.html 分类：前端知识

2024-05-13animation-iteration-count 设置动画迭代次数 number infinite(无限循环)需要告诉系统哪一个元素需要动画 动画持续时间。transition-timing-function 设置过渡速度曲线。animation-timing-function 设置动画速度曲线。animation-duration 设置动画持续时间。transition-duration 设置过渡持续时间。animation-delay 设置动画等待时长。animation-name 设置动画名称。_html 动画时长

https://www.qianduange.cn//article/8464.html 分类：前端知识

2024-05-12animation-fill-mode 动画结束状态， 默认 backwards 回到起始 forwards 保持。animation-play-state 鼠标放上运行或暂停，默认 running不暂停 pause 鼠标放上暂停。animation 所有动画属性的简写属性，除了animation-play-state属性。linear 匀速。

https://www.qianduange.cn//article/8312.html 分类：前端知识

2024-04-18transform：scale（2）：只写一个参数，第二个参数则和第一个参数一样，相当于scale（2，2）；经常和鼠标经过等其他配合使用；scale缩放最大的优势：可以设置转换中心点缩放，默认以中心点缩放，而且不影响其他盒子；盒子动画结束后，停在结束位置：animation-fill-mode:forwards;transform：scale（1，1）：宽和高都放大一倍，相对于没有放大；transform：scale（2，2）：宽和高都放大了2倍；transform：scale（0.5，0.5）：缩小；

https://www.qianduange.cn//article/5102.html 分类：前端知识