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

一、过渡

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

相关推荐
春和景明3601 小时前
复习数据库
学习
wostcdk1 小时前
数论学习1
数据结构·学习·算法
babe小鑫2 小时前
大专工业大数据应用专业学习数据分析的价值分析
大数据·学习·数据分析
梦雨羊2 小时前
LitGPT
学习
weixin_458872613 小时前
东华复试OJ每日3题打卡·复盘88~90
学习
不吃橘子的橘猫4 小时前
《集成电路设计》复习资料3(电路模拟与SPICE)
学习·算法·集成电路·仿真·半导体
开发者导航4 小时前
【开发者导航】多功能生成模型开发工具:Diffusers 详细介绍
人工智能·python·学习·macos·信息可视化
我命由我123454 小时前
Visual Studio 文件的编码格式不一致问题:错误 C2001 常量中有换行符
c语言·开发语言·c++·ide·学习·学习方法·visual studio
运维管理5 小时前
H3C交换机Hybrid端口配置与VLAN理解-学习
运维·网络·学习
pyniu6 小时前
Elasticsearch学习
后端·学习·elasticsearch·搜索引擎