<div class="mp-navbtn nomobile"><style>.hp-btn-can {
display: inline-block;
position: relative;
width: 230px;
height: 60px;
bottom: 3px;
left: 3px;
margin: 4px 1%;
overflow: hidden;
cursor: default;
}
.hp-btn-bg-can,
.hp-btn-top-left-can,
.hp-btn-top-right-can,
.hp-btn-circuits-box-can,
.hp-btn-circuits-can,
.hp-btn-text-box-can,
.hp-btn-text-can,
.hp-btn-icon-can,
.hp-btn-link-can {
display: block;
position: absolute;
}
.hp-btn-bg-can {
bottom: 3px;
left: 3px;
}
.hp-btn-top-left-can,
.hp-btn-top-right-can {
bottom: 3px;
left: 3px;
}
.hp-btn-text-box-can {
bottom: 8px;
left: 22px;
height: 36px;
width: 166px;
overflow: hidden;
}
.hp-btn-bg-can,
.hp-btn-top-left-can,
.hp-btn-top-right-can {
filter: drop-shadow(0 0 2px black);
transition: filter 1s;
-webkit-transition: filter 1s;
}
.hp-btn-can:hover .hp-btn-bg-can,
.hp-btn-can:hover .hp-btn-top-left-can,
.hp-btn-can:hover .hp-btn-top-right-can {
filter: drop-shadow(0 0 2px white);
}
.hp-btn-text-can {
bottom: 50%;
width: 166px;
transform: translateY(50%);
text-align: center;
text-shadow: 0 0 2px black;
font-family: '方正正黑', 'Noto Sans', 'Noto Sans CJK SC', 'Noto Sans CJK JP', sans-serif;
color: #F2F1EB;
font-size: 20px;
font-weight: 700;
left: 0;
transition: left 1s;
-webkit-transition: left 1s;
}
.hp-btn-can:hover .hp-btn-text-can {
left: 20px;
}
.hp-btn-icon-can {
top: 0;
left: 20px;
opacity: 0;
transition: opacity 1s;
-webkit-transition: opacity 1s;
}
.hp-btn-can:hover .hp-btn-icon-can {
opacity: 1
}
.hp-btn-link-can {
top: 0;
left: 0;
}
.hp-btn-circuits-can {
left: 0;
bottom: 0;
transition: left 6s;
-webkit-transition: left 6s;
}
.hp-btn-circuits-box-can {
bottom: 8px;
left: 22px;
width: 166px;
overflow: hidden;
}
.hp-btn-can:hover .hp-btn-circuits-can {
left: -90px;
}
</style>
<div class="hp-btn-can">
<div class="hp-btn-bg-can"><img alt="Hp-btn-bg-can2.png" src="/images/thumb/f/fd/Hp-btn-bg-can2.png/225px-Hp-btn-bg-can2.png" width="225" height="45" data-src="/images/thumb/f/fd/Hp-btn-bg-can2.png/225px-Hp-btn-bg-can2.png" class=" ls-is-cached lazyloaded" data-srcset="/images/f/fd/Hp-btn-bg-can2.png 1.5x" srcset="/images/f/fd/Hp-btn-bg-can2.png 1.5x"></div>
<div class="hp-btn-circuits-box-can">
<div class="hp-btn-circuits-can"><img alt="Hp-btn-circuits-can.png" src="/images/thumb/8/8a/Hp-btn-circuits-can.png/258px-Hp-btn-circuits-can.png" width="258" height="36" data-src="/images/thumb/8/8a/Hp-btn-circuits-can.png/258px-Hp-btn-circuits-can.png" class=" ls-is-cached lazyloaded" data-srcset="/images/8/8a/Hp-btn-circuits-can.png 1.5x" srcset="/images/8/8a/Hp-btn-circuits-can.png 1.5x"></div>
<p>
</p>
</div>
<div class="hp-btn-top-left-can"><img alt="Hp-btn-top-left-can.png" src="/images/thumb/5/58/Hp-btn-top-left-can.png/225px-Hp-btn-top-left-can.png" width="225" height="45" data-src="/images/thumb/5/58/Hp-btn-top-left-can.png/225px-Hp-btn-top-left-can.png" class=" ls-is-cached lazyloaded" data-srcset="/images/5/58/Hp-btn-top-left-can.png 1.5x" srcset="/images/5/58/Hp-btn-top-left-can.png 1.5x"></div>
<div class="hp-btn-top-right-can"><img alt="Hp-btn-top-right-can.png" src="/images/thumb/b/ba/Hp-btn-top-right-can.png/225px-Hp-btn-top-right-can.png" width="225" height="45" data-src="/images/thumb/b/ba/Hp-btn-top-right-can.png/225px-Hp-btn-top-right-can.png" class=" ls-is-cached lazyloaded" data-srcset="/images/b/ba/Hp-btn-top-right-can.png 1.5x" srcset="/images/b/ba/Hp-btn-top-right-can.png 1.5x"></div>
<div class="hp-btn-text-box-can">
<div class="hp-btn-text-can">英灵图鉴</div>
</div>
<div class="hp-btn-icon-can"><img alt="Btngudz.png" src="/images/thumb/0/0e/Btngudz.png/60px-Btngudz.png" width="60" height="60" data-src="/images/thumb/0/0e/Btngudz.png/60px-Btngudz.png" class=" ls-is-cached lazyloaded" data-srcset="/images/thumb/0/0e/Btngudz.png/90px-Btngudz.png 1.5x, /images/thumb/0/0e/Btngudz.png/120px-Btngudz.png 2x" srcset="/images/thumb/0/0e/Btngudz.png/90px-Btngudz.png 1.5x, /images/thumb/0/0e/Btngudz.png/120px-Btngudz.png 2x"></div>
<div class="hp-btn-link-can"><a href="/w/%E8%8B%B1%E7%81%B5%E5%9B%BE%E9%89%B4" title="英灵图鉴"><img alt="Hp-btn-link-can.png" src="/images/3/32/Hp-btn-link-can.png" width="230" height="60" data-src="/images/3/32/Hp-btn-link-can.png" class=" ls-is-cached lazyloaded"></a></div>
</div>
</div>
