差分

移動先: 案内検索

Widget:Hp-button

343 バイト追加, 2019年10月19日 (土) 19:18
ショウ (トーク) による版 13463 を取り消し
<includeonly><style>.hp-btn-can { display: inline-block; position: relative; width: 230px250px; height: 60px100px; bottom top: 3px0px; left: 3px; margin: 4px 1%24px; overflow: hidden; cursor: default;
}
.hp-btn-text-can,
.hp-btn-icon-can,
.hp-btn-icon-can-1,
.hp-btn-icon-can-2,
.hp-btn-icon-can-3,
.hp-btn-link-can {
display: block;
.hp-btn-bg-can {
bottomtop: 3px25px; left: -3px;
}
.hp-btn-top-left-can,
.hp-btn-top-right-can {
bottomtop: 3px10px; left: 3px15px;
}
.hp-btn-text-box-can {
bottomtop: 8px36px; left: 22px40px;
height: 36px;
width: 166px130px;
overflow: hidden;
}
.hp-btn-text-can {
bottom: 50%;
width: 166px110px;
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: #F2F1EB66CCFF;
font-size: 20px;
font-weight: 700;
.hp-btn-icon-can {
top: 00px; left: 20px-15px;
opacity: 0;
transition: opacity 1s;
}
.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 {
opacity: 1
}
.hp-btn-circuits-box-can {
bottom: 8px;
left: 22px35px; width: 166px130px;
overflow: hidden;
}
}
</style></includeonly><noinclude></noinclude>
18,317
回編集

案内メニュー