|
|
| （未显示同一用户的94个中间版本） |
| 第1行： |
第1行： |
| | | <spineplayer |
| <div style="position: relative; width: 150px; height: 260px; margin: 0 auto; overflow: hidden;">
| | json="/spine/portrait/1064/1064.json" |
| <!-- 背景图片 --> | | atlas="/spine/portrait/1064/1064.atlas" |
| <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> | | animation="idle" |
| <!-- 右侧内容 --> | | skin="normal" |
| <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> | | width="800px" |
| <div class="glowing-rectangle" style="position: absolute; left: 0px; bottom: 0px; width: 150px; height: 5px;"></div> | | height="600px" |
| </div>
| | bg="#2e2e2e" |
|
| | controls="true"> |
| | | </spineplayer> |
| {{#css:
| |
| .glowing-rectangle {
| |
| background: linear-gradient(135deg, #e882e8, #6fffff);
| |
| box-shadow:
| |
| 0 0 15px rgba(110, 69, 226, 0.5),
| |
| 0 0 30px rgba(136, 211, 206, 0.3);
| |
| overflow: hidden;
| |
| transition: transform 0.3s ease, box-shadow 0.3s ease;
| |
| }
| |
| }}
| |