沙盒:修订间差异
来自卡厄思梦境WIKI
小无编辑摘要 |
小无编辑摘要 |
||
| 第6行: | 第6行: | ||
<div style="position: absolute; left: 0px; bottom: 0px; width: 100%; height: 25px; background-color: rgba(0 0 0, 0.5); color: white; text-align: right; z-index: 2;">攻击力</div> | <div style="position: absolute; left: 0px; bottom: 0px; width: 100%; height: 25px; background-color: rgba(0 0 0, 0.5); color: white; text-align: right; z-index: 2;">攻击力</div> | ||
</div> | </div> | ||
<div class="glowing-rectangle" style="width:100px; height: 10px;"></div> | |||
{{#css: | |||
.glowing-rectangle { | |||
width: 300px; | |||
height: 200px; | |||
background: linear-gradient(135deg, #6e45e2, #88d3ce); | |||
border-radius: 12px; | |||
box-shadow: | |||
0 0 15px rgba(110, 69, 226, 0.5), | |||
0 0 30px rgba(136, 211, 206, 0.3); | |||
position: relative; | |||
overflow: hidden; | |||
transition: transform 0.3s ease, box-shadow 0.3s ease; | |||
animation: glow-pulse 3s infinite ease-in-out; | |||
} | |||
.glowing-rectangle:hover { | |||
transform: scale(1.05); | |||
box-shadow: | |||
0 0 20px rgba(110, 69, 226, 0.7), | |||
0 0 40px rgba(136, 211, 206, 0.5); | |||
} | |||
.glowing-rectangle::before { | |||
content: ''; | |||
position: absolute; | |||
top: -10px; | |||
left: -10px; | |||
right: -10px; | |||
bottom: -10px; | |||
background: inherit; | |||
filter: blur(20px); | |||
opacity: 0.7; | |||
z-index: -1; | |||
} | |||
}} | |||
2025年9月24日 (三) 18:43的版本