网住一条美人鱼
<div class="codebox" data-prev="1"><style>
.box {
width: 307px;
height: 360px;
background:
url('https://s21.ax1x.com/2025/08/18/pVBC4Cn.jpg') no-repeat center/cover,
repeating-linear-gradient(0deg, rgba(255,255,255,.25) 0 1px, transparent 1px var(--limit)),
repeating-linear-gradient(90deg, rgba(255,255,255,.15) 0 1px, transparent 1px var(--limit))
;
background-blend-mode: color, color;
border: 1px solid gray;
margin: 20px auto;
position: relative;
--limit: 20px;
}
.box:hover { --limit: 80px; }
</style>
<div class="box"></div>
</div>
<script type="module">
import linenumber from 'https://638183.freep.cn/638183/web/js/linenumber.js';
linenumber();
</script> 黑黑老师，换了台新电脑，装了360，老师的预览都看到了。 不知咋的，老师的星空夜舞和影子的拷红帖及我的十二生肖帖子，只有看到中间一块。 --limit: 20px;这是个什么意思，格子宽度对吧，
鼠标移上去之后，网住美人鱼的格子宽度由20变成了80，
不过单词比较面生{:4_173:} 梦江南 发表于 2025-8-18 15:27
不知咋的，老师的星空夜舞和影子的拷红帖及我的十二生肖帖子，只有看到中间一块。
浏览器 chromium 内核低，不支持相对新一点点的CSS3属性。更新浏览器到最新版本即可。更新方法：右上角三个点 - 帮助 - 关于，会找到更新。
360极速浏览器和安全浏览器都需要更新到最新版，并且，不要使用兼容模式。
360等浏览器的双核甚至多核的所谓兼容模式是指向兼容IE，IE已经被彻底废弃。不建议使用这类浏览器，有条件的应使用谷歌的浏览器Chrome、微软的EDGE浏览器、没条件的可考虑使用百分浏览器、火狐浏览器、夸克浏览器等，就不要用360系的、百度系的、腾讯系的、搜*系的。 背景除了美人小鱼之外，线性渐变用了0度和90度的，应该是一横一竖
线性渐变显示的部分是1，就整出这么细的线，
透明部分是从1px到 var(--limit)变量，透明部分随变量的变化而变化，
所以会就会自己变大变小了
变量这东东，之前是per,现在是limit
这名字能自己乱起一个不{:4_170:} 小美人鱼被网起来了，看着真可爱，可以天天喂点鱼食{:4_173:} 马黑黑 发表于 2025-8-18 17:43
浏览器 chromium 内核低，不支持相对新一点点的CSS3属性。更新浏览器到最新版本即可。更新方法：右上角三 ...
黑黑老师，我是师傅给组装的，16G，251内存，MI10 系统。要么我试试。 呵呵，这个可以多网几条呢{:4_173:} 花飞飞 发表于 2025-8-18 17:42
--limit: 20px;这是个什么意思，格子宽度对吧，
鼠标移上去之后，网住美人鱼的格子宽度由20变成了80，
不 ...
这个只是变量名称问题，和之前的 --per 一个道理。
limit 是限制的意思。重复渐变的最后一个色标边界起到限制渐变区域的作用。 杨帆 发表于 2025-8-18 19:02
呵呵，这个可以多网几条呢
现在开渔了，但网无妨 梦江南 发表于 2025-8-18 17:55
黑黑老师，我是师傅给组装的，16G，251内存，MI10 系统。要么我试试。
你这个不是 windows 本本吧？好像是安卓平板，小米系列的 花飞飞 发表于 2025-8-18 17:53
小美人鱼被网起来了，看着真可爱，可以天天喂点鱼食
美人鱼专用鱼食拼多多有卖，9块9包邮到家 花飞飞 发表于 2025-8-18 17:51
背景除了美人小鱼之外，线性渐变用了0度和90度的，应该是一横一竖
线性渐变显示的部分是1，就整出这么细的 ...
变量名随意起，一般的规矩是七个恰当的名称 马黑黑 发表于 2025-8-18 19:08
现在开渔了，但网无妨
好消息，抓紧大好时机{:4_173:} 杨帆 发表于 2025-8-18 19:58
好消息，抓紧大好时机
早网早得 马黑黑 发表于 2025-8-18 20:27
早网早得
对，早得多得 20px是大的格子，鼠标触碰变成80px的，网格变细密了。和原来想象的相反呢{:4_173:} 哦，是我自己弄反了，开始是密集的，鼠标触碰便稀疏，这样和20 80的对应是对的{:4_173:} 这么细的线，还需要background-blend-mode: color, color;么？应该对背景没什么影响吧？