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

一、过渡

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

相关推荐
随意起个昵称17 分钟前
Dijstra算法学习笔记
笔记·学习·算法
星火开发设计1 小时前
C++ 异常处理:try-catch-throw 的基本用法
java·开发语言·jvm·c++·学习·知识·对象
知识分享小能手1 小时前
SQL Server 2019入门学习教程,从入门到精通,SQL Server 2019 事务和锁 — 语法知识点及使用方法详解(13)
数据库·学习·sqlserver
悠哉悠哉愿意2 小时前
【强化学习学习笔记】马尔科夫决策过程
笔记·学习·交互·强化学习
babe小鑫2 小时前
高职商务数据分析与应用专业学习数据分析的重要性
学习·数据挖掘·数据分析
盐焗西兰花3 小时前
鸿蒙学习实战之路-STG系列(1/11)-屏幕时间守护服务全攻略
学习·华为·harmonyos
啊阿狸不会拉杆3 小时前
《机器学习导论》第 17 章 - 组合多学习器
人工智能·python·学习·算法·机器学习·聚类·集成学习
qq_433502183 小时前
收集了一些免费视频背景映月素材网站分享记录
经验分享·学习·音视频·生活
前路不黑暗@3 小时前
Java项目:Java脚手架项目的通用组件的封装(七)
java·开发语言·spring boot·后端·学习·spring cloud·maven
Aliex_git3 小时前
Gitlab Runner 配置实践
笔记·学习·ci/cd·gitlab