18,317
回編集
差分
細
.hp-btn-icon-can-1,
.hp-btn-icon-can-2,
.hp-btn-icon-can-3,
topbottom: 25px3px; left: -3px;
topbottom: 10px3px; left: 15px3px;
topbottom: 36px8px; left: 40px22px;
.hp-btn-icon-can-1 { top: 10px; left: 10px; opacity: 0; transition: opacity 2s; -webkit-transition: opacity 2s;} .hp-btn-icon-can-2 { top: 10px; left: 15px; opacity: 0; transition: opacity 3s; -webkit-transition: opacity 3s;} .hp-btn-icon-can-3 { top: 10px; left: 20px; opacity: 0; transition: opacity 4s; -webkit-transition: opacity 4s;} .hp-btn-can:hover .hp-btn-icon-can .hp-btn-icon-can-1 .hp-btn-icon-can-2 .hp-btn-icon-can-3 {
<includeonly><style>.hp-btn-can { display: inline-block; position: relative; width: 250px230px; height: 100px60px; top bottom: 0px3px; left: 24px3px; margin: 4px 1%; overflow: hidden; cursor: default;
}
.hp-btn-text-can,
.hp-btn-icon-can,
.hp-btn-link-can {
display: block;
.hp-btn-bg-can {
}
.hp-btn-top-left-can,
.hp-btn-top-right-can {
}
.hp-btn-text-box-can {
height: 36px;
width: 130px166px;
overflow: hidden;
}
.hp-btn-text-can {
bottom: 50%;
width: 110px166px;
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: #66CCFFF2F1EB;
font-size: 20px;
font-weight: 700;
.hp-btn-icon-can {
top: 0px0; left: -15px20px;
opacity: 0;
transition: opacity 1s;
}
opacity: 1
}
.hp-btn-circuits-box-can {
bottom: 8px;
left: 35px22px; width: 130px166px;
overflow: hidden;
}
}
</style></includeonly><noinclude></noinclude>