(문서를 비움) 태그: 비우기 수동 되돌리기 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
<html> | |||
<div class="kiminokoe"> | |||
<div class="kiminokoe-main"> | |||
<p><big><big><span style="font-size: 12.5pt; font-weight: 900">너의 목소리</span></big></big><br> | |||
<span style="font-style: italic">きみのこえ</span><br> | |||
</p> | |||
</div></div> | |||
<style> | |||
.kiminokoe { | |||
position: relative; | |||
width: 100%; | |||
padding-top: 2.5em; | |||
padding-bottom: 2.5em; | |||
text-align: center; | |||
font-size: 10pt; | |||
font-family: '조선일보명조', 'Chosunilbo_myungjo'; | |||
color: white; | |||
line-height: 200%; | |||
} | |||
.kiminokoe::before { | |||
content: ""; | |||
position: absolute; | |||
top: 0; left:0; right:0; bottom:0; | |||
background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%), url(./images/a/a0/The_Place_Promised_in_Our_Early_Days.jpg); | |||
background-repeat: no-repeat; | |||
background-position: center 90%; | |||
background-size: cover; | |||
filter: saturate(180%) blur(8.5px); | |||
z-index: 1; | |||
} | |||
.kiminokoe .main{ | |||
position: relative; | |||
display: inline-block; | |||
z-index: 2; | |||
} | |||
@font-face { | |||
font-family: 'Chosunilbo_myungjo'; | |||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff'); | |||
font-weight: normal; | |||
font-style: normal; | |||
} | |||
body { | |||
-webkit-user-select: none; | |||
-moz-user-select: none; | |||
-ms-user-select: none; | |||
user-select: none; | |||
} | |||
</style> | |||
</html> | |||
2023년 7월 31일 (월) 20:03 판
너의 목소리
きみのこえ