rgba(220,20,60,.3) 0 0.05%,
rgba(220,20,60,.6) 0 0.1%,
rgba(220,20,60,.9) 0 0.15%
同色不同透明度。。线更细了一 些。。
纹理更清晰。。
马黑黑 发表于 2025-8-17 19:55
对，很简洁。再举个栗子：
<style>
这个到是简洁了，但是显示了直接剪切好的，没了互动效果。。
{:4_173:}
马黑黑 发表于 2025-8-17 18:01
都是几个方向的图案。
马黑黑 发表于 2025-8-17 18:02
所有的参数都可以考虑改一改，当然要配套，即顾及上下文或曰前后关系
嗯嗯，修改需要是配套的才可以，否则会出现不可控现象。
<style>
.box {
width: 400px;
height: 400px;
background: lime radial-gradient(circle, green 70%, transparent 75%, transparent) 0 0 / 15% 15%;
mask: url('https://638183.freep.cn/638183/small/hxdo.png') no-repeat center/cover;
margin: 20px auto;
position: relative;
}
.box:hover {
mask: none;
}
.tMid {
text-align: center;
margin: 10px 0;
}
</style>
<div class="box"></div>
<p class="tMid">鼠标移到上图试试（移动设备点击）</p>
反过来，点击去掉遮罩{:4_173:}果然自己动手，其乐无穷
花飞飞 发表于 2025-8-17 21:33
反过来，点击去掉遮罩果然自己动手，其乐无穷
{:4_199:}
红影 发表于 2025-8-17 21:29
都是几个方向的图案。
嗯嗯，就酱的
花飞飞 发表于 2025-8-17 21:27
这个到是简洁了，但是显示了直接剪切好的，没了互动效果。。
互动不是必须的
红影 发表于 2025-8-17 21:30
嗯嗯，修改需要是配套的才可以，否则会出现不可控现象。
{:4_181:}
马黑黑 发表于 2025-8-17 22:22
连学带实践的，每天都有点进步
马黑黑 发表于 2025-8-17 22:24
互动不是必须的
{:4_173:}这个要看跟谁互动吧，小播触一下就变色，多好玩啊
花飞飞 发表于 2025-8-18 10:20
这个要看跟谁互动吧，小播触一下就变色，多好玩啊
好玩多玩玩
马黑黑 发表于 2025-8-17 22:23
嗯嗯，就酱的
配套的好看{:4_187:}
马黑黑 发表于 2025-8-18 19:18
好玩多玩玩
我今天做个图，小播一碰全屏变色，就改了一下下
花飞飞 发表于 2025-8-18 22:43
我今天做个图，小播一碰全屏变色，就改了一下下
{:4_199:}
红影 发表于 2025-8-18 22:42
配套的好看
{:4_181:}
马黑黑 发表于 2025-8-18 23:03
黑黑很细致{:4_187:}
红影 发表于 2025-8-19 12:00
黑黑很细致
粗心大意的说
马黑黑 发表于 2025-8-19 12:23
粗心大意的说
看看，又谦虚起来了{:4_173:}