틀:사용자:Cerulean/but/styles.css: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
9번째 줄: 9번째 줄:


.mw-collapsible-toggle .line {
.mw-collapsible-toggle .line {
transform: rotate(-45deg);
transform: rotate(-45deg) translate(-0.25em, 0) scale(0.7);
}
}
.mw-collapsible-toggle .line.other {
.mw-collapsible-toggle .line.other {
transform: rotate(45deg);
transform: rotate(45deg) translate(-0.25em, 0) scale(0.7);
}
}


.mw-collapsible-toggle-expanded .line {
.mw-collapsible-toggle-expanded .line {
transform: rotate(-45deg) translate(-0.45em, 0);
transform: rotate(-45deg)translate(-0.5em,0);
}
}
.mw-collapsible-toggle-expanded .line.other {
.mw-collapsible-toggle-expanded .line.other {
transform: rotate(45deg) translate(-0.45em, 0);
transform: rotate(45deg)translate(-0.5em,0);
}
}



2022년 4월 23일 (토) 23:07 판

.mw-collapsible-toggle .line {
	position: relative;
    border-left: 1px solid black;
    height: 1em;
    width: 0.5em;
    display: block;
    transition: all cubic-bezier(.17,.84,.44,1)0.6s;
}

.mw-collapsible-toggle .line {
	transform: rotate(-45deg) translate(-0.25em, 0) scale(0.7);
}
.mw-collapsible-toggle .line.other {
	transform: rotate(45deg) translate(-0.25em, 0) scale(0.7);
}

.mw-collapsible-toggle-expanded .line {
	transform: rotate(-45deg)translate(-0.5em,0);
}
.mw-collapsible-toggle-expanded .line.other {
	transform: rotate(45deg)translate(-0.5em,0);
}

.drop-shadow {
    filter: drop-shadow(0 0 1px LIGHTGRAY);
}