css中gif图片添加 |css 波纹按钮

background: url("../images/animation.gif") no-repeat center center fixed;

上述代码是CSS中添加gif图片的基本格式。其中，url为指向gif图片位置的路径，no-repeat表示不重复显示图片，center center表示在页面中垂直和水平方向上居中显示，fixed则表示在浮动情况下固定图片位置。

除了上述基本代码外，还可以通过调整图片在页面中的位置和大小，设置图片在鼠标悬停时的效果等来增强页面效果。

background: url("../images/animation.gif") no-repeat center top;
background-size: cover;
}
.animation:hover {
background-position: center bottom;
}

以上代码表示当鼠标悬停到class为animation的元素时，gif图片会从中心位置移动到底部位置，并且设置了图片的大小覆盖整个元素。通过这种方式，可以为网页带来更加流畅的动态效果。

需要注意的是，gif图片的大小和数量要合理，避免过度占用页面资源和影响加载速度。