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

一、过渡

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

相关推荐
say_fall1 小时前
C语言编程实战:每日刷题 - day2
c语言·开发语言·学习
立志成为大牛的小牛7 小时前
数据结构——四十一、分块查找(索引顺序查找)(王道408)
数据结构·学习·程序人生·考研·算法
蒙奇D索大7 小时前
【计算机网络】[特殊字符] 408高频考点 | 数据链路层组帧:从字符计数到违规编码,一文学透四大实现方法
网络·笔记·学习·计算机网络·考研
遇印记7 小时前
蓝桥java蜗牛
java·学习·蓝桥杯
格鸰爱童话8 小时前
next.js学习——react入门
学习·react.js·node.js
B0URNE8 小时前
【Unity基础详解】Unity3D全程学习路线
学习·unity·游戏引擎
9ilk10 小时前
【仿RabbitMQ的发布订阅式消息队列】 ---- 功能测试联调
linux·服务器·c++·分布式·学习·rabbitmq
('-')10 小时前
《从根上理解MySQL》第一章学习笔记
笔记·学习·mysql
d111111111d10 小时前
STM32外设学习-串口发送数据-接收数据(笔记)
笔记·stm32·学习