|
|
| 第1行： |
第1行： |
| <div style="position: relative; width: 150px; height: 280px; overflow: hidden;">
| | {{#invoke:战斗员图鉴|show|蕾欧娜}}{{#invoke:战斗员图鉴|show|蕾欧娜}}{{#invoke:战斗员图鉴|show|蕾欧娜}}{{#invoke:战斗员图鉴|show|蕾欧娜}} |
| <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>
| |
| <div style="position: absolute; top: 5px; left: 5px; z-index: 1;">[[File:icon_职业_猎人.png|25px|link=]]</div>
| |
| <div style="position: absolute; top: 35px; left: 5px; z-index: 1; ">[[File:icon_属性_虚无.png|25px|link=]]</div>
| |
| <div style="position: absolute; bottom: 0px; left: 0px; z-index: 1;">[[File:战斗员图鉴_蕾欧娜.png|150px|link=]]</div>
| |
| <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>
| |
| <div class="rarity-5" style="position: absolute; left: 0px; bottom: 0px; z-index: 2;></div>
| |
| <div style="position: absolute; left: 0px; bottom: 0px; z-index: 99;>[[File:战斗员图鉴_顶层蒙版.png|link=]]</div>
| |
| </div>
| |
| | |
| {{#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;
| |
| }
| |
| }}
| |
