편집 요약 없음 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
<div style="position:fixed; top:0px; left:0px; width:2000px; height:100vh; background:#fff; z-index:-1;"></div> | <div style="position:fixed; top:0px; left:0px; width:2000px; height:100vh; background:#fff; z-index:-1;"></div> | ||
{{#CSS: | |||
.inline-hover-toggle { | |||
display: inline-block; | |||
position: relative; | |||
cursor: pointer; | |||
} | |||
.inline-hover-toggle .toggle-content { | |||
opacity: 0; | |||
max-height: 0; | |||
overflow: hidden; | |||
transform: scaleY(0.95); | |||
transform-origin: top; | |||
transition: opacity 0.4s ease-in-out, max-height 0.4s ease-in-out, transform 0.4s ease-in-out; | |||
display: block; | |||
padding: 0.3em 0; | |||
} | |||
.inline-hover-toggle:hover .toggle-content { | |||
opacity: 1; | |||
max-height: 200px; | |||
transform: scaleY(1); | |||
} | |||
}} | |||
{{#CSS:<!-- | {{#CSS:<!-- | ||
2025년 7월 12일 (토) 13:32 판