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

一、过渡

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

相关推荐
盐焗西兰花26 分钟前
鸿蒙学习实战之路 - 应用间链接最佳实践
学习·华为·harmonyos
pengzhuofan26 分钟前
用AI武装你的学习:高效掌握Java新技术的方法论
java·人工智能·学习
代码游侠27 分钟前
复习——线性表
linux·c语言·数据结构·学习·算法
秋深枫叶红33 分钟前
嵌入式第二十九篇——数据结构——树
数据结构·学习·算法·深度优先
学编程的闹钟1 小时前
83【html的换行规则】
学习
伯明翰java1 小时前
Redis学习笔记-Set集合(2)
redis·笔记·学习
jennychary11 小时前
网工学习笔记:loopback 和route id
网络·笔记·学习
承渊政道1 小时前
C++学习之旅【C++基础知识介绍】
c语言·c++·学习·程序人生
nwsuaf_huasir1 小时前
深度学习2-pyTorch学习-第一个神经网络
pytorch·深度学习·学习
我的xiaodoujiao1 小时前
使用 Python 语言 从 0 到 1 搭建完整 Web UI自动化测试学习系列 30--开源电商商城系统项目实战--配置测试环境地址
python·学习·测试工具·pytest