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

一、过渡

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

相关推荐
吃好睡好便好1 分钟前
矩阵的求逆运算
人工智能·学习·线性代数·matlab·矩阵
库奇噜啦呼1 分钟前
【iOS】源码学习-方法交换
学习·ios·cocoa
飞翔中文网6 分钟前
Java学习笔记之泛型
java·笔记·学习
li星野14 分钟前
RAG优化系列:自适应检索(Adaptive Retrieval)——让系统智能选择是否检索
人工智能·python·学习
喜欢踢足球的老罗9 小时前
从移动开发转型 AI Agent 工程师:我做了一个开源学习系统
人工智能·学习
wuxinyan12310 小时前
工业级大模型学习之路030:Streamlit 企业级智能体前端工作台
前端·学习·streamlit·智能体
长安紫薯11 小时前
学习AI日记
学习
星恒随风11 小时前
C语言数据结构排序算法详解(下):冒泡排序、快速排序、归并排序和计数排序
c语言·数据结构·笔记·学习·排序算法
NagatoYukee11 小时前
Spring Security基础部分学习
java·学习·spring
米小葱12 小时前
【学习笔记】cmake
笔记·学习