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

一、过渡

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

相关推荐
檐下翻书17344 分钟前
从入门到精通:流程图制作学习路径规划
论文阅读·人工智能·学习·算法·流程图·论文笔记
SalvoGao1 小时前
Python学习 | 怎么理解epoch?
数据结构·人工智能·python·深度学习·学习
思成不止于此1 小时前
深入理解 C++ 多态:从概念到实现的完整解析
开发语言·c++·笔记·学习·多态·c++40周年
Highcharts.js1 小时前
学习 Highcharts 可视化开发的有效途径
学习·数据可视化·highcharts·图表开发·可视化开发
胡童嘉2 小时前
长沙烈焰鸟网络科技有限公司实习day12+软件测试学习day3日记
学习
2501_941145853 小时前
虚拟现实与增强现实技术在教育培训与沉浸式学习场景中的创新应用研究
学习·ar·vr
inputA3 小时前
【LwIP源码学习8】netbuf源码分析
android·c语言·笔记·嵌入式硬件·学习
d111111111d3 小时前
STM32外设学习-I2C(细节)--学习笔记
笔记·stm32·单片机·嵌入式硬件·学习
( ˶˙⚇˙˶ )୨⚑︎4 小时前
【学习笔记】DiffFNO: Diffusion Fourier Neural Operator
笔记·神经网络·学习
Topplyz4 小时前
交流耦合同相放大电路、MAX4466音频放大电路功能详解
学习·运算放大器·模电·放大电路·音频放大