편집 요약 없음 |
편집 요약 없음 |
||
| 13번째 줄: | 13번째 줄: | ||
<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/한나라닷컴'"> | ||
<img id="hannara-img-3" alt="유은혜.png" src="/w/images/2/24/은혜누나_2.png" style="width: auto; height: 400px;"> | |||
<img id="hannara-img-2" alt="김경주.png" src="/w/images/0/06/김경주_%28한나라%29.png" style="width: auto; height: 400px;"> | |||
<img id="hannara-img-1" alt="한나라닷컴.png" src="/w/images/2/23/Hannara_w.png" style="width: auto; height: 3.5vw;"> | <img id="hannara-img-1" alt="한나라닷컴.png" src="/w/images/2/23/Hannara_w.png" style="width: auto; height: 3.5vw;"> | ||
</div> | </div> | ||
</div> | </div> | ||
| 147번째 줄: | 148번째 줄: | ||
opacity: 0; | opacity: 0; | ||
top: 120%; | top: 120%; | ||
left: | left: 80%; | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
transition: 500ms; | transition: 500ms; | ||
| 153번째 줄: | 154번째 줄: | ||
.swiper-slide-active #hannara-img-2 { | .swiper-slide-active #hannara-img-2 { | ||
opacity: 1; | opacity: 1; | ||
top: -40%; | top: 40%; | ||
transition: 500ms; | |||
} | |||
#hannara-img-3 { | |||
position: absolute; | |||
opacity: 0; | |||
top: 120%; | |||
left: 20%; | |||
transform: translate(-50%, -50%); | |||
transition: 500ms; | |||
} | |||
.swiper-slide-active #hannara-img-3 { | |||
opacity: 1; | |||
top: 40%; | |||
transition: 500ms; | transition: 500ms; | ||
} | } | ||
2023년 2월 27일 (월) 01:52 판
