편집 요약 없음 |
편집 요약 없음 |
||
| 8번째 줄: | 8번째 줄: | ||
<div class="swiper-slide"> | <div class="swiper-slide"> | ||
<div id="banner" class="flora" onclick="location.href='/w/index.php/분류:플로라_유니버스'"> | <div id="banner" class="flora" onclick="location.href='/w/index.php/분류:플로라_유니버스'"> | ||
<div class="exid"> | <div class="banner-img exid"> | ||
<img id="exid" alt="플로라.svg" src="/w/images/1/18/플로라.svg" style="width: auto; height: 5.5vw;"> | <img id="exid" alt="플로라.svg" src="/w/images/1/18/플로라.svg" style="width: auto; height: 5.5vw;"> | ||
</div> | </div> | ||
| 15번째 줄: | 15번째 줄: | ||
<div class="swiper-slide"> | <div class="swiper-slide"> | ||
<div id="banner" class="hannara" onclick="location.href='/w/index.php/한나라닷컴'"> | <div id="banner" class="hannara" onclick="location.href='/w/index.php/한나라닷컴'"> | ||
<div class="blur"> | <div id="hannara-1" class="banner-img blur"> | ||
<img id="exid" alt="한나라닷컴.png" src="/w/images/2/23/Hannara_w.png"> | <img id="exid" alt="한나라닷컴.png" src="/w/images/2/23/Hannara_w.png"> | ||
</div> | </div> | ||
| 22번째 줄: | 22번째 줄: | ||
<div class="swiper-slide"> | <div class="swiper-slide"> | ||
<div id="banner" class="ana" onclick="location.href='/w/index.php/아름다운_나라'"> | <div id="banner" class="ana" onclick="location.href='/w/index.php/아름다운_나라'"> | ||
<div class="exid"> | <div class="banner-img exid"> | ||
<img alt="아름다운나라.png" src="/w/images/f/fc/아나_로고.png"> | <img alt="아름다운나라.png" src="/w/images/f/fc/아나_로고.png"> | ||
</div> | </div> | ||
| 29번째 줄: | 29번째 줄: | ||
<div class="swiper-slide"> | <div class="swiper-slide"> | ||
<div id="banner" class="rhizome" onclick="location.href='/w/index.php/리좀'"> | <div id="banner" class="rhizome" onclick="location.href='/w/index.php/리좀'"> | ||
<div class="exid"> | <div class="banner-img exid"> | ||
<img alt="리좀.svg" src="/w/images/5/57/%EB%A6%AC%EC%A2%802.png"> | <img alt="리좀.svg" src="/w/images/5/57/%EB%A6%AC%EC%A2%802.png"> | ||
</div> | </div> | ||
| 139번째 줄: | 139번째 줄: | ||
/* 밑에서 올라오기 */ | /* 밑에서 올라오기 */ | ||
.exid { | .exid { | ||
opacity: 0; | opacity: 0; | ||
top: 60%; | top: 60%; | ||
| 148번째 줄: | 147번째 줄: | ||
.swiper-slide-active .exid { | .swiper-slide-active .exid { | ||
opacity: 1; | opacity: 1; | ||
transition: 500ms; | transition: 500ms; | ||
} | } | ||
| 154번째 줄: | 152번째 줄: | ||
/* 흐렸다가 선명해지기 */ | /* 흐렸다가 선명해지기 */ | ||
.blur { | .blur { | ||
opacity: 0; | opacity: 0; | ||
transition: 500ms; | transition: 500ms; | ||
} | } | ||
| 177번째 줄: | 171번째 줄: | ||
} | } | ||
/* 위치 지정 */ | |||
.banner-img { | |||
position: absolute; | |||
} | |||
.exid { | |||
top: 60%; | |||
left: 50%; | |||
transform: translate(-50%, -50%); | |||
} | |||
.swiper-slide-active .exid { | |||
top: 50%; | |||
} | |||
#hannara-1 { | |||
left: 120px; | |||
max-width: 400px; | |||
} | |||
#hannara-img-2 { | #hannara-img-2 { | ||
position: absolute; | position: absolute; | ||
2023년 2월 27일 (월) 19:45 판
