男的舔女的下面视频在线播放-少妇愉情理仑片高潮日本-久久久久久国产一区二区三区-麻豆精品一区二区综合-国产精品超碰在线观看-网红极品女神精品视频在线-国产亚洲综合777-高清性视频一区二区播放-中文字幕第一页亚洲天堂

Discuz! 官方交流社區(qū)

標(biāo)題: 純css滾動進(jìn)度條，橫向進(jìn)度條隨著頁面滾動而變化 [打印本頁]
作者: gzwnzss    時間: 2021-2-7 21:15
標(biāo)題: 純css滾動進(jìn)度條，橫向進(jìn)度條隨著頁面滾動而變化
效果如下：
(, 下載次數(shù): 60)
鼠標(biāo)往下移動就會變化
  1.     <style>
  2.         body {
  3.             background-image: linear-gradient(to top right, #32a6ff 50%, #fff 50%);
  4.             background-size: 100% calc(100% - 100vh + 5px);
  5.             background-repeat: no-repeat;
  6.         }

  8.             body::after {
  9.                 content: '';
  10.                 position: fixed;
  11.                 top: 3px;
  12.                 bottom: 0;
  13.                 left: 0;
  14.                 right: 0;
  15.                 background: #fff;
  16.                 z-index: -1;
  17.             }
  18.     </style>
復(fù)制代碼






歡迎光臨 Discuz! 官方交流社區(qū) (http://m.sdtechgong.com.cn/) Powered by Discuz! X5.0