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

一、过渡

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

相关推荐
喜欢吃豆2 分钟前
我把 LLM 技术栈做成了一张“可复用的认知地图”:notes-on-llms 开源仓库介绍
学习·语言模型·架构·开源·大模型·多模态
学烹饪的小胡桃1 小时前
【运维学习】实时性能监控工具 WGCLOUD v3.6.2 更新介绍
linux·运维·服务器·学习·工单系统
nnsix1 小时前
QFramework学习笔记
笔记·学习
我想我不够好。1 小时前
电工实操 电路的接线和理解以及练习 12.21
学习
ys~~1 小时前
git学习
git·vscode·python·深度学习·学习·nlp·github
知识分享小能手1 小时前
Ubuntu入门学习教程,从入门到精通,Ubuntu 22.04的桌面环境 (4)
linux·学习·ubuntu
05大叔2 小时前
多线程的学习
java·开发语言·学习
لا معنى له2 小时前
目标分割介绍及最新模型----学习笔记
人工智能·笔记·深度学习·学习·机器学习·计算机视觉
月光在发光2 小时前
多态(虚函数核心作用原理)--C++学习(0)
c++·学习
车载测试工程师3 小时前
CAPL学习-AVB交互层-媒体函数2-其他类函数待分类
学习·tcp/ip·媒体·capl·canoe