|
|
| 1번째 줄: |
1번째 줄: |
| <html>
| |
| <div class="Neon-genesis-evangelion">
| |
| <center><div class="NGE-youtube"><div><iframe width="240" height="135" src="https://www.youtube-nocookie.com/embed/3em-J9yYPAo?controls=0&autoplay=1&mute=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen style="filter: saturate(180%)"></iframe><br></div></div></center>
| |
| <div class="NGE-main">
| |
| <p><big><big><span style="font-size: 12.5pt; font-weight: 900">1000년 살고있어</span></big></big><br>
| |
| <span style="font-style: italic">1000年生きてる</span><br>
| |
| </p>
| |
| </div></div>
| |
| <style>
| |
| .Neon-genesis-evangelion {
| |
| 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%;
| |
| }
| |
| .Neon-genesis-evangelion::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(https://i.ytimg.com/vi/3em-J9yYPAo/maxresdefault.jpg);
| |
| background-repeat: no-repeat;
| |
| background-position: center top;
| |
| background-size: cover;
| |
| filter: saturate(180%) blur(10px);
| |
| z-index: 1;
| |
| }
| |
| .Neon-genesis-evangelion .NGE-youtube{
| |
| position: relative;
| |
| display: inline-block;
| |
| overflow: hidden;
| |
| margin: auto;
| |
| width: 240px;
| |
| height: 135px;
| |
| border-radius: 1000px;
| |
| box-shadow: 0 0 1em rgba(0,0,0,0.5);
| |
| z-index: 2;
| |
| }
| |
| .Neon-genesis-evangelion .NGE-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>
| |