(새 문서: .mw-collapsible-toggle-expanded .line { transform: rotate( 90deg ); transition: all cubic-bezier(.17,.84,.44,1) 0.6s; position: relative; } .mw-collapsible-toggle-expanded .line.ot...) |
편집 요약 없음 |
||
(같은 사용자의 중간 판 24개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
.mw-collapsible-toggle- | .mw-collapsible-toggle .line:after, .mw-collapsible-toggle .line:before { | ||
content: ""; | |||
position: absolute; | |||
border-left: 1.5px solid black; | |||
left: 0.5em; | |||
height: 1em; | |||
transition: all cubic-bezier(.17,.84,.44,1)0.6s; | |||
} | } | ||
.mw-collapsible-toggle-expanded .line | |||
transform: rotate( - | .mw-collapsible-toggle .line { | ||
position: relative; | |||
display: inline-block; | |||
height: 1em; | |||
width: 1em; | |||
margin-right: 0.3em; | |||
} | |||
.mw-collapsible-toggle .line:after { | |||
transform: rotate(-45deg)translate(-0.2em, calc(-0.2em + 1px))scale(0.75); | |||
} | |||
.mw-collapsible-toggle .line:before { | |||
transform: rotate(45deg)translate(0.2em, calc(-0.2em + 1px))scale(0.75); | |||
} | |||
.mw-collapsible-toggle-expanded .line:after { | |||
transform: rotate(-45deg); | |||
} | |||
.mw-collapsible-toggle-expanded .line:before { | |||
transform: rotate(45deg); | |||
} | } | ||
2022년 4월 24일 (일) 12:16 판
.mw-collapsible-toggle .line:after, .mw-collapsible-toggle .line:before {
content: "";
position: absolute;
border-left: 1.5px solid black;
left: 0.5em;
height: 1em;
transition: all cubic-bezier(.17,.84,.44,1)0.6s;
}
.mw-collapsible-toggle .line {
position: relative;
display: inline-block;
height: 1em;
width: 1em;
margin-right: 0.3em;
}
.mw-collapsible-toggle .line:after {
transform: rotate(-45deg)translate(-0.2em, calc(-0.2em + 1px))scale(0.75);
}
.mw-collapsible-toggle .line:before {
transform: rotate(45deg)translate(0.2em, calc(-0.2em + 1px))scale(0.75);
}
.mw-collapsible-toggle-expanded .line:after {
transform: rotate(-45deg);
}
.mw-collapsible-toggle-expanded .line:before {
transform: rotate(45deg);
}
.drop-shadow {
filter: drop-shadow(0 0 1px LIGHTGRAY);
}