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