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

一、过渡

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

相关推荐
hkNaruto10 小时前
【AI】AI学习笔记:A2A(智能体协作)入门指南:从概念到实践
人工智能·笔记·学习
暖暖木头10 小时前
playwright学习笔记
笔记·学习
CCPC不拿奖不改名10 小时前
python基础:python语言中的控制结构+面试习题
开发语言·python·学习
报错小能手12 小时前
线程池学习(七)实现定时(调度)线程池
学习
●VON13 小时前
从模型到价值:MLOps 工程体系全景解析
人工智能·学习·制造·von
好奇龙猫13 小时前
【人工智能学习-AI-MIT公开课第 18. 表示:分類、軌跡、過渡】
学习
hhcccchh14 小时前
学习vue第八天 Vue3 模板语法和内置指令 - 简单入门
前端·vue.js·学习
浩瀚地学14 小时前
【Java】异常
java·开发语言·经验分享·笔记·学习
Nan_Shu_61415 小时前
学习: Threejs (3)& Threejs (4)
学习
IT=>小脑虎16 小时前
2026版 Python零基础小白学习知识点【基础版详解】
开发语言·python·学习