【css酷炫效果】实现鱼群游动动态效果
【css酷炫效果】实现小鱼游动动态效果
- 缘
- 创作背景
- css代码
- 创建div容器
- 引入jquery
- 引入鱼群js
- 完整代码
- 效果图
成品资源下载链接：点击下载
缘
在开发系统功能的时候，无意间看到了小鱼游动特效，感觉很有意思，就在网上找了相关教程，分享给大家。
创作背景
刚看到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。