CSS3音乐播放器音符跳动效果
CSS3动画，现在在我们的项目中随处可见，今天我们来分享一个音符跳动效果。
分析整体思路，我们来看下实现3D导航效果，需要的基本点：
技能点难点重点应用
这个效果主要点是对技能点2的分解使用，包括animation-direction:alternate（属性定义是否应该轮流反向播）；animation-iteration-count:infinite（无限循环播放）、animation-duration: .4s；（动画所持续的时间）、animation-delay: .6s；（是用来指定元素动画开始时间）
带着这些基本点，继续前行：
step01：整体结构布局
step02：页面美化
最基本的样式重置和静态效果实现，在这里就略过了，我们主要说一下动态样式
step03：动态效果实现
step04：细节处理
基本效果完成之后，主要对看效果展现把效果是否循环播放，是否有延迟播放等，就这样一个音符跳动效果就“诞生”了。
更多小案例效果大家可以进Q群：142991222一起学习一起飞哦！喜欢的童鞋赞起来啦！
网友评论