学习前端第十六天 (过渡,动画)

一、过渡

1.transition-property:应用过渡的属性名称

2.transition-duration:过渡效果花费的时间

3.transition-timing-function:过渡效果的时间曲线

4.transition-delay:过渡经过多久开始

5.transition:以上4个属性的缩写

二、动画

@keyframes:定义动画效果

animation-name:选择@keyframes定义的动画

animation-duration:动画周期完成时间

animation-timing-function:动画的速度曲线

animation-delay:动画播放延迟

animation-iteration-count:动画播放次数

animation-direction:规定动画在下一周期播放方向

animation-fill-mode:规定动画不播放时,播放完时的样式

animation-play-state:规定动画是否正在运行或暂停.

animation:八个属性的缩写

相关推荐
YangYang9YangYan4 小时前
2026年中专计算机专业证书报考指南:高性价比认证与职业路径规划
大数据·人工智能·学习·计算机视觉
严文文-Chris4 小时前
【半监督学习常见算法】
学习·算法·机器学习
深蓝海拓4 小时前
YOLO v11的学习记录(八) 使用自定义数据从头训练一个目标检测的模型
学习·yolo
篮球只打两年半4 小时前
普罗米修斯监控系统学习实践报告
学习
Rock_yzh5 小时前
LeetCode算法刷题——54. 螺旋矩阵
数据结构·c++·学习·算法·leetcode·职场和发展·矩阵
莫道桑榆晚丶5 小时前
Linux系统编程--------MP3项目实战
linux·学习
yoyo君~5 小时前
本地仓库推送到github
学习·github·无人机
crary,记忆5 小时前
React 之 useEffect
前端·javascript·学习·react.js
张较瘦_5 小时前
Spring Boot | 学习Spring Boot 3要有哪些Java基础?
java·spring boot·学习
阿宁又菜又爱玩5 小时前
Mybatis学习
java·学习·mybatis