|
|
| （未显示同一用户的90个中间版本） |
| 第1行： |
第1行： |
| <div style="position: relative; width: 150px; height: 280px; overflow: hidden;"> | | <spineplayer |
| <div style="position: absolute; top: 0px; left: 0px; width: 150px; height: 280px; background-color:#2a2f40; border-radius: 0px 25px 0px 0px; z-index: 0; "></div> | | json="/spine/portrait/1064/1064.json" |
| <div style="position: absolute; top: 5px; left: 5px; z-index: 1;">[[File:icon_职业_猎人.png|25px|link=]]</div> | | atlas="/spine/portrait/1064/1064.atlas" |
| <div style="position: absolute; top: 35px; left: 5px; z-index: 1; ">[[File:icon_属性_虚无.png|25px|link=]]</div> | | animation="idle" |
| <div style="position: absolute; bottom: 0px; left: 0px; z-index: 1;">[[File:战斗员图鉴_蕾欧娜.png|150px|link=]]</div> | | skin="normal" |
| <div style="position: absolute; bottom: 5px; left: 0px; width: 150px; height: 30px; background-color: rgba(0, 0, 0, 0.5); color: white; text-align: right; padding-right: 8px; padding-top: 3px; z-index: 2;">蕾欧娜</div> | | width="800px" |
| <div class="rarity-5" style="position: absolute; left: 0px; bottom: 0px; z-index: 2;></div> | | height="600px" |
| <div style="position: absolute; left: 0px; bottom: 0px; z-index: 99;>[[File:战斗员图鉴_顶层蒙版.png|link=]]</div> | | bg="#2e2e2e" |
| </div> | | controls="true"> |
| | | </spineplayer> |
| {{#css:
| |
| .rarity-5 {
| |
| width: 150px;
| |
| height: 5px;
| |
| 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;
| |
| }
| |
| | |
| .rarity-4 {
| |
| width: 150px;
| |
| height: 5px;
| |
| background: linear-gradient(135deg, #e5a563, #f1cf97);
| |
| 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;
| |
| }
| |
| }}
| |