|
|
(未显示同一用户的14个中间版本) |
第39行: |
第39行: |
| }}</div> | | }}</div> |
| | | |
− | {{#widget:style|style=
| |
− | .icon .back {
| |
− | clip-path: polygon(91.92% 0.00%, 8.08% 0.00%, 0.00% 8.08%, 0.00% 91.92%, 8.08% 100.00%, 42.19% 100.00%, 42.19% 96.87%, 9.38% 96.87%, 3.13% 90.62%, 3.13% 9.38%, 9.38% 3.13%, 90.63% 3.13%, 96.88% 9.38%, 96.88% 90.63%, 90.63% 96.88%, 42.19% 96.88%, 42.19% 100.00%, 91.92% 100.00%, 100.00% 91.92%, 100.00% 8.08%, 91.92% 0.00%);
| |
− | position: absolute;
| |
− | background: linear-gradient(0, #ff8714, #ff8700);
| |
− | display: block;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | top: 0;
| |
− | left: 0px;
| |
− | z-index: -1;
| |
− | }
| |
− | .icon .plate {
| |
− | clip-path: polygon(8.83% 97.50%, 2.50% 91.17%, 2.50% 8.83%, 8.83% 2.50%, 91.16% 2.50%, 97.49% 8.83%, 97.49% 91.16%, 91.16% 97.49%, 8.83% 97.49%);
| |
− | position: absolute;
| |
− | background-color: rgb(125,90,50);
| |
− | background-image: radial-gradient(circle, transparent 60%, rgb(0 0 0 / 50%) 150%);
| |
− | display: block;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | top: 0;
| |
− | left: 0px;
| |
− | z-index: -2;
| |
− | }
| |
− | .icon {
| |
− | position: relative;
| |
− | display: inline-block;
| |
− | aspect-ratio: auto 1 / 1;
| |
− | }
| |
− | .icon .mainicon{z-index:0}
| |
− | .icon .subicon{z-index:1;position:absolute;height:auto;}
| |
− | .icon .subicon.rb{
| |
− | right: 10%;
| |
− | bottom: 10%;
| |
− | }
| |
| | | |
− | }}
| + | {{物品图标|稀有度=5|数量=|类型角标=|右下角标=|图标名=ICON_10136.png}} |
− | <div class="icon">[[file:亲密度技能升级 好感小.png|link=|class=subicon rb|20%x20%|]][[FILE:Icon persicaria skill.png|link=|class=mainicon]]<span class="plate"></span><span class="back"></span></div>
| |