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

一、过渡

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

相关推荐
华舞灵瞳7 小时前
学习FPGA(六)锁相环
学习·fpga开发
小裕哥略帅7 小时前
PMP学习笔记--环境
笔记·学习
Darkershadow8 小时前
python学习之串口通信
python·学习
BullSmall9 小时前
普罗米修斯 的学习路径及建议
学习·prometheus
happyjoey2179 小时前
28天立创实力派开发板学习记录part1——DAY1-DAY8
学习
非凡ghost11 小时前
CoolUtils PDF Combine(PDF合并工具)
windows·学习·pdf·软件需求
阿W呀11 小时前
【光的偏振与光功率 / 能量测量学习笔记】
学习
allan bull11 小时前
在节日中寻找平衡:圣诞的欢乐与传统节日的温情
人工智能·学习·算法·职场和发展·生活·求职招聘·节日
wdfk_prog11 小时前
[Linux]学习笔记系列 -- [fs]fs-writeback
linux·笔记·学习
charlie11451419112 小时前
嵌入式现代C++教程:C++98——从C向C++的演化(3)
c语言·开发语言·c++·笔记·学习·嵌入式