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

  • 최근 수정 시각: 2024년 2월 20일 (화) 19:43
  • 창작 문서는 문서 별 라이선스를 확인하세요. 실용 문서는 다른 조건이 없는 한 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0에 따라 사용할 수 있습니다. 자세한 내용은 이용 약관을 참고하세요.
    이용자 보호 창구 | evewiki.kr@gmail.com후원계좌 | 100-152-076102 케이뱅크 김성보
편집 토론 역사
편집 요약 없음
편집 요약 없음
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__banner_hover_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 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>]]
</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><audio loop preload="auto" autoplay src="../../etc/01%20Ashitaka%20Kouki%20%28The%20Legend%20of%20Ashitaka%29.mp3" onloadstart="this.volume=0.2"></audio></html>
12번째 줄: 12번째 줄:
.ISE__background_2 {
.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;
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 {
.ISE__transition {
transition: all .3s cubic-bezier(0,0,.5,1);
transition: all .3s cubic-bezier(0,0,.5,1);
}
}
.ISE__banner_hover_transition:hover {
.ISE__background_transition:hover {
background-size: 113% !important;
background-size: 113% !important;
filter: brightness(1.3) saturate(180%);
filter: brightness(1.25) saturate(200%);
}
}
.ISE__font {
.ISE__font {
font-family: 'MYArirang-Medium';
font-family: 'MYArirang-Medium';
}
.ISE__text_transition span {
filter: brightness(0.5);
}
.ISE__text_transition:hover span {
filter: brightness(1.2);
}
}
</style></html>
</style></html>
37번째 줄: 46번째 줄:
== 메인 문서 ==
== 메인 문서 ==
{| class="w-full"
{| 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__banner_hover_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><br><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="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 py-16 ISE__background_1 ISE__transition ISE__banner_hover_transition ISE__font"></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>
|}
|}


2024년 2월 20일 (화) 19:43 판

틀

이세모노가타리
ⓒ 2024. Sakura All rights reserved.

메인 문서

이세모노가타리
군웅할거의 시대
이브위키　I　한랩
에이쇼 n년, 열도가 전쟁과 혼란에 휩쌓인 시기