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

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


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


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



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

.mw-collapsible-toggle .line:after, .mw-collapsible-toggle .line:before {
	content: "";
	position: absolute;
    border-left: 1px solid black;
    height: 1em;
    transition: all cubic-bezier(.17,.84,.44,1)0.6s;
}

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

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

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