【css酷炫效果】实现鱼群游动动态效果

成品资源下载链接：点击下载

缘

在开发系统功能的时候，无意间看到了小鱼游动特效，感觉很有意思，就在网上找了相关教程，分享给大家。

创作背景

刚看到csdn出活动了，赶时间，直接上代码。

css代码

.container{background-color:transparent; position:fixed;bottom:0;left:0;margin:0;padding:0;}

• background-color:transparent;
  这行代码设置了 .container 的背景颜色为透明（transparent）。
• position:fixed;
  这行代码将 .container 的定位方式设置为固定定位（fixed）。
• bottom:0;
  无论页面如何滚动，.container 都会保持在浏览器窗口的底部。
• left:0;
  确保 .container 始终位于浏览器窗口的最左侧。
• margin:0;
  这行代码将 .container 的外边距（margin）设置为0。
• padding:0;
  这行代码将 .container 的内边距（padding）设置为0。