·设为首页收藏本站📧邮箱修改🎁免费下载专区💎积分✅卡密📒收藏夹👽聊天室
返回列表 发布新帖

纯css滚动进度条,横向进度条随着页面滚动而变化

442 0
发表于 2021-2-8 10:29:11 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
效果如下:
纯css滚动进度条,横向进度条随着页面滚动而变化 滚动,进度,进度条,横向,随着
鼠标往下移动就会变化
  1.     <style>        body {            background-image: linear-gradient(to top right, #32a6ff 50%, #fff 50%);            background-size: 100% calc(100% - 100vh + 5px);            background-repeat: no-repeat;        }            body::after {                content: '';                position: fixed;                top: 3px;                bottom: 0;                left: 0;                right: 0;                background: #fff;                z-index: -1;            }    </style>
复制代码
我要说一句 收起回复
一花一世界,一叶一追寻。一曲一场叹,一生为一人。

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

创宇盾启航版免费网站防御网站加速服务
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:3.15.29.146,GMT+8, 2024-11-6 00:30 , Processed in 0.319240 second(s), 79 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2024 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表