(새 문서: <div style="position:fixed; top:0px; left:0px; width:100%; height:100vh; z-index:-1;"> 3950px|가운데|link= </div> {{#CSS: :root { --main-text-color: #8E9FCF; --sub-text-color1: #4762BB; --sub-text-color2: #1A2A4F; --sub-text-color3: #1C337F; --box-bg: #1B1D24; --edit-bg: #111; --edit-fg: #FFF; } →인라인 호버 토글: .inline-hover-toggle { display: inline-block; position: relative; cursor: pointer; } .inline-hover-togg...) |
편집 요약 없음 |
||
| (같은 사용자의 중간 판 하나는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
{{#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: | |||
.fullscreen-fadeout-box { | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
width: 100vw; | |||
height: 100vh; | |||
background: #000; | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: space-between; | |||
align-items: center; | |||
z-index: 9999; | |||
animation: fadeout 3s forwards; | |||
padding: 3em 20em 3em 20em; | |||
box-sizing: border-box; | |||
} | |||
.fullscreen-fadeout-box .top-text { | |||
text-align: center | |||
font-family: 'Noto Serif KR'; | |||
font-size: 1.5em; | |||
color: #8E9FCF; | |||
} | |||
.fullscreen-fadeout-box .bottom-text { | |||
font-family: 'Noto Serif KR'; | |||
font-size: 1.5em; | |||
color: #8E9FCF; | |||
} | |||
.fullscreen-fadeout-box .center-text { | |||
font-family: 'Noto Serif KR'; | |||
font-weight: bold; | |||
color: #8E9FCF; | |||
} | |||
@keyframes fadeout { | |||
0% { opacity: 1; } | |||
70% { opacity: 1; } | |||
100% { opacity: 0; display: none; } | |||
} | |||
}} | |||
<div class="fullscreen-fadeout-box"><div class="top-text"></div> | |||
<div class="center-text" style="text-shadow: 0 0 15px #8E9FCF;">[[파일:법무법인 온결 파란로고.png|300px|link=]]</div> | |||
<div class="bottom-text" style="text-shadow: 0 0 6px #8E9FCF;">Directed by [[Aurora|<span style="font-family: 'Noto Serif KR'; font-weight: bold;">Aurora</span>]]</div></div> | |||
<div style="position:fixed; top:0px; left:0px; width:100%; height:100vh; z-index:-1;"> | <div style="position:fixed; top:0px; left:0px; width:100%; height:100vh; z-index:-1;"> | ||
[[파일:온결배경.png| | [[파일:온결배경.png|2000px|가운데|link=]] | ||
</div> | </div> | ||
{{#CSS: | {{#CSS: | ||
:root { | :root { | ||
