沙盒:修订间差异

来自卡厄思梦境WIKI

律Rhyme留言 | 贡献
无编辑摘要
律Rhyme留言 | 贡献
无编辑摘要
第4行: 第4行:
     <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;">[[File:战斗员图鉴_蕾欧娜.png|150px|link=]]</div>
     <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;">[[File:战斗员图鉴_蕾欧娜.png|150px|link=]]</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 style="position: absolute; left: 0px; bottom: 5px; width: 150px; height: 25px; background-color: rgba(0, 0, 0, 0.5); color: white; text-align: right; padding-right: 5px; z-index: 2;">蕾欧娜</div>
     <div class="glowing-rectangle" style="position: absolute; left: 0px; bottom: 0px; width: 150px; height: 5px;"></div>
     <div class="glowing-rectangle" style="position: absolute; left: 0px; bottom: 0px; width: 150px; height: 5px;"></div>
     </div>
     </div>
第10行: 第10行:


{{#css:
{{#css:
        .glowing-rectangle {
.glowing-rectangle {
            width: 300px;
    background: linear-gradient(135deg, #e882e8, #6fffff);
            height: 200px;
    box-shadow:  
            background: linear-gradient(135deg, #6e45e2, #88d3ce);
    0 0 15px rgba(110, 69, 226, 0.5),
            box-shadow:  
    0 0 30px rgba(136, 211, 206, 0.3);
                0 0 15px rgba(110, 69, 226, 0.5),
    overflow: hidden;
                0 0 30px rgba(136, 211, 206, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
}
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            animation: glow-pulse 3s infinite ease-in-out;
        }
       
        .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日 (三) 19:06的版本

蕾欧娜