文本的背景的水波效果,使用css3的动画,简单易用,避免总是要使用javascript
1.CSS3通过使用 animation属性 定义复杂的动画效果。
- @keyframes规则用于创建动画,关于这个创建与属性,请参照度娘。
- 字体中使用animation: animate 4s ease-in-out infinite;
其中
1.animate是@keyframes名称
- 4s为一次持续时间
- ease-in-out 动画以低速开始和结束
- infinite 动画循环播放。
- 这个难点就是调试@keyframes