【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。

你可能感兴趣的:(web前端,css,前端)