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

一、过渡

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:八个属性的缩写

相关推荐
xw-busy-code4 分钟前
sass学习笔记整理
笔记·学习·sass
nap-joker8 小时前
【多模态解耦】DecAlign:用于解耦多模态表示学习的分层跨模态对齐
学习·多模态融合·最优传输·多模态表征学习·特征解耦·音频+图像+文本·原型引导
551只玄猫8 小时前
【数据库原理 实验报告1】创建和管理数据库
数据库·sql·学习·mysql·课程设计·实验报告·数据库原理
IDZSY04309 小时前
AI社交平台进阶指南:如何用AI社交提升工作学习效率
人工智能·学习
happymaker06269 小时前
web前端学习日记——DAY05(定位、浮动、视频音频播放)
前端·学习·音视频
xuhaoyu_cpp_java9 小时前
过滤器与监听器学习
java·经验分享·笔记·学习
炽烈小老头9 小时前
【 每天学习一点算法 2026/03/23】数组中的第K个最大元素
学习·算法·排序算法
_李小白12 小时前
【OSG学习笔记】Day 2: Hello Cow
笔记·学习
ic爱吃蓝莓12 小时前
数据结构 | HashMap原理
数据结构·学习·算法·链表·哈希算法