本文介绍了使用CSS创建呼吸灯动画的方法。动画包括外圈向外扩大10px，然后恢复原大小，以及内圈向内缩小10px，同样再恢复原大小，整个过程持续2.5秒。
- 动画
@keyframes name{
from{}
to{}
}
引用动画
animation-name: ;动画的名称
animation-duration: ;动画的时间
animation-iteration-count: ;动画的迭代次数
animation-delay: ;动画的延迟时间
animation-direction: ;动画的方向
animation-timing-function: ;动画的速度
- 代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>呼吸灯</title>
<style>
*{
box-sizing
最低0.47元/天 解锁文章
4942
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
