연습장:Sakura: 두 판 사이의 차이

편집 요약 없음
(▼이세모노가타리)
태그: 비우기
1번째 줄: 1번째 줄:
== 틀 ==
[[이세모노가타리|<div class="ISE__banner w-full h-48"><div class="w-full h-full flex items-center justify-center ISE__transition ISE__background_1 ISE__background_transition" style="border: 4px solid black;"><div class="inline-block pt-4"><span class="ISE__font" style="color: white; font-weight: 900; font-size: 4rem; letter-spacing: -5px; text-shadow:0 0 2rem black;">이세모노가타리</span><br><span class="font-serif" style="color: white; font-size: 0.7rem;">ⓒ 2024. Sakura All rights reserved.</span></div></div>
</div>]]
<html><audio loop preload="auto" autoplay src="../../etc/01%20Ashitaka%20Kouki%20%28The%20Legend%20of%20Ashitaka%29.mp3" onloadstart="this.volume=0.2"></audio></html>
<html><style>
.ISE__banner a:hover {
text-decoration: none !important
}
.ISE__background_1 {
background-image: linear-gradient(to bottom,#00000020 0%,#000000FF), linear-gradient(to right,#00000000 50%,#000000B0), linear-gradient(to left,#00000000 50%,#000000B0), linear-gradient(to top,#00000000 50%,#000000B0), url('https://evewiki.kr/w/images/3/37/The_Actor_Onoue_Kikugor%C3%B4_As_Tenjiku_Tokubee.png'); background-size: 110%; background-position: center 29.5%; background-repeat: no-repeat;
}
.ISE__background_2 {
background-image: linear-gradient(to bottom,#00000020 0%,#000000FF), linear-gradient(to right,#00000000 50%,#000000B0), linear-gradient(to left,#00000000 50%,#000000B0), linear-gradient(to top,#00000000 50%,#000000B0), url('https://evewiki.kr/w/images/3/31/%EC%8B%9C%EB%A7%88%EB%B0%94%EB%9D%BC%EC%9D%98_%EB%82%9C_%EB%B3%91%ED%92%8D%ED%99%94.png'); background-size: 110%; background-position: center 30%; background-repeat: no-repeat;
}
.ISE__background_3 {
background-image: linear-gradient(to bottom,#00000020 0%,#000000FF), linear-gradient(to right,#00000000 50%,#000000B0), linear-gradient(to left,#00000000 50%,#000000B0), linear-gradient(to top,#00000000 50%,#000000B0), url('https://storage.googleapis.com/studio-cms-assets/projects/1Va6M0p8q7/s-1920x1080_v-frms_webp_37920fba-92f4-46e9-8368-17516e49cf87.webp'); background-size: 110%; background-position: center 54%; background-repeat: no-repeat;
}
.ISE__transition {
transition: all .3s cubic-bezier(0,0,.5,1);
}
.ISE__background_transition:hover {
background-size: 113% !important;
filter: brightness(1.25) saturate(200%);
}
.ISE__font {
font-family: 'MYArirang-Medium';
}
.ISE__text_transition span {
filter: brightness(0.5);
}
.ISE__text_transition:hover span {
filter: brightness(1.2);
}
</style></html>
<html>
<style>
@font-face {
    font-family: 'MYArirang-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/MYArirang-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
</style>
</html>


== 메인 문서 ==
{| class="w-full"
| <div class="relative w-full"><div class="w-full py-64 flex items-center justify-center ISE__transition ISE__background_2 ISE__background_transition"><div class="inline-block pt-4"><span class="ISE__font" style="color: white; font-weight: 900; font-size: 4rem; letter-spacing: -5px; text-shadow:0 0 2rem black;">이세모노가타리</span><div class="p-1"></div><span class="ISE__font" style="color: white; font-size: 1.5rem;">군웅할거의 시대</span></div></div><div class="absolute top-0 left-0 inline-block pl-5 pt-3 text-white"><span class="ISE__transition opacity-50 hover:opacity-100">[[파일:이브위키 흰색 로고.svg|x13px|이브위키]]</span> <span class="opacity-50">I</span> <span class="ISE__transition opacity-50 hover:opacity-100">[[파일:한랩 로고 흰색.svg|x13px|한랩]]</span></div></div>
|-
| <div class="w-full flex items-center justify-center p-16 text-white text-2xl ISE__background_3 ISE__transition ISE__background_transition ISE__font ISE__text_transition"><span class="ISE__transition">에이쇼 n년, 열도가 전쟁과 혼란에 휩쌓인 시기</span></div>
|}
{{#CSS:
.Liberty .content-wrapper .liberty-content .liberty-content-main { padding: 0; }
}}

2024년 5월 22일 (수) 15:16 판