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

一、过渡

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

相关推荐
Дерек的学习记录3 小时前
C++:入门基础(下)
开发语言·数据结构·c++·学习·算法·visualstudio
前路不黑暗@3 小时前
Java项目:Java脚手架项目的公共模块的实现(二)
java·开发语言·spring boot·学习·spring cloud·maven·idea
哎呦 你干嘛~5 小时前
MODBUS_RTU485通讯主站(配置部分)
学习
myzzb5 小时前
纯python 最快png转换RGB截图方案 ——deepseek
开发语言·python·学习·开源·开发
被遗忘在角落的死小孩7 小时前
抗量子 Winternitz One Time Signature(OTS) 算法学习
学习·算法·哈希算法
浅念-7 小时前
C++ :类和对象(4)
c语言·开发语言·c++·经验分享·笔记·学习·算法
xixixi777778 小时前
零样本学习 (Zero-Shot Learning, ZSL)补充
人工智能·学习·安全·ai·零样本·模型训练·训练
AI视觉网奇8 小时前
ue 推送直播流 推流 linux 实战
笔记·学习·ue5
Mr YiRan9 小时前
C++语言学习之面向对象
java·c++·学习
kkkkkkkkk_12019 小时前
【强化学习】09周博磊强化学习纲要学习笔记——第五课上
笔记·深度学习·学习·强化学习