查看“︁战斗员图鉴/个”︁的源代码

<div class="divsort card-container" data-param0="0" data-param1="{{{2|}}}" data-param2="{{{3|}}}" data-param3="{{{4|}}}" style="position: relative; width: 150px; height: 260px; overflow: hidden; display: inline-block; margin: 5px; border-radius: 5px; transition: transform 0.3s ease;">
  <div style="position: absolute; top: 0px; left: 0px; width: 150px; height: 260px; background-color: #e6e6e8; border-radius: 5px;"></div>
  <div style="position: absolute; top: 0px; left: 0px; border-radius: 5px; overflow: hidden; width: 150px; height: 260px;">[[File:战斗员图鉴_{{{1|}}}.png|150px|link=]]</div>
  <div style="position: absolute; top: 5px; left: 5px;">[[File:icon_职业_{{{3|}}}.png|30px|link=]]</div>
  <div style="position: absolute; top: 40px; left: 5px;">[[File:icon_属性_{{{4|}}}.png|30px|link=]]</div>
  <div class="战斗员名称" 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;">{{{1|}}}</div>
  <div class="rarity-{{{2|}}}" style="position: absolute; left: 0px; bottom: 0px;"></div>
  <div style="position: absolute; top: 0px; left: 0px; border-radius: 5px; overflow: hidden;">[[File:战斗员图鉴_顶层蒙版.png|150px|link={{{1|}}}]]</div>
</div>
{{#css:
.card-container:hover {
  transform: scale(1.05);
  z-index: 10;
}

.card-container img {
  border-radius: 5px;
}
}}