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

一、过渡

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

相关推荐
学习路上_write4 小时前
AD5293驱动学习
c语言·单片机·嵌入式硬件·学习
菥菥爱嘻嘻5 小时前
组件测试--React Testing Library的学习
前端·学习·react.js
白帽子黑客罗哥5 小时前
零基础转行渗透测试 系统的学习流程(非常详细)
学习·网络安全·渗透测试·漏洞挖掘·护网行动
李洛克075 小时前
RDMA 编程完整学习路线图
学习·rdma·路线
你想知道什么?5 小时前
JNI简单学习(java调用C/C++)
java·c语言·学习
TL滕6 小时前
从0开始学算法——第十二天(KMP算法练习)
笔记·学习·算法
TG:@yunlaoda360 云老大6 小时前
腾讯云国际站代理商TACO Kit有什么优势呢?
学习·云计算·腾讯云
半夏知半秋7 小时前
Elasticsearch Query DSL 指令整理
大数据·数据库·笔记·学习·elasticsearch·搜索引擎·全文检索
BFT白芙堂7 小时前
Franka机械臂“举一反三”:LLM Trainer如何通过单次演示实现自动化数据生成与长程任务学习
人工智能·学习·机器学习·自动化·模型训练·具身智能·franka
van久7 小时前
.Net Core 学习:Razor Pages中 HTML 表头字段的两种写法对比
学习·html·.netcore