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

一、过渡

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 分钟前
AI Agent学习:MetaGPT项目之debate.py
学习
做cv的小昊2 分钟前
计算机图形学:【Games101】学习笔记04——着色(光照与基本着色模型,着色频率、图形管线、纹理映射)
笔记·学习·3d·图形渲染·光照贴图·计算机图形学
秋深枫叶红5 分钟前
嵌入式第三十三篇——linux系统编程——文件IO
linux·学习·文件io
第二层皮-合肥7 分钟前
50天学习FPGA第21天-verilog的时序与延迟
学习·fpga开发
知识分享小能手7 分钟前
CentOS Stream 9入门学习教程,从入门到精通,CentOS Stream 9 中大数据 —语法详解与实战案例(15)
大数据·学习·centos
石像鬼₧魂石8 分钟前
Hydra 弱口令爆破的详细命令模板
linux·windows·学习·ubuntu
暗然而日章20 分钟前
C++基础:Stanford CS106L学习笔记 9 类模板(Class Templates)
c++·笔记·学习
m0_6896182826 分钟前
拓扑变换让机器人抓得又稳、又柔、又灵活
人工智能·笔记·学习·机器人
车载测试工程师29 分钟前
CAPL学习-SOME/IP交互层-底层API函数
学习·tcp/ip·以太网·capl·canoe
代码游侠33 分钟前
学习笔记——Linux内核链表
linux·运维·笔记·学习·算法·链表