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

편집 요약 없음
편집 요약 없음
14번째 줄: 14번째 줄:
             <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-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;">
                <img id="hannara-img-2" alt="최성자.png" src="/w/images/6/67/최성자_%28한나라%29.png" style="width: auto; height: 200px;">
             </div>
             </div>
         </div>
         </div>
141번째 줄: 142번째 줄:
         transition: 500ms;
         transition: 500ms;
}
}
#hannara-img-2 {
        position: absolute;
        opacity: 0;
        top: 120%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: 500ms;
}
.swiper-slide-active #hannara-img-2 {
        opacity: 1;
        top: -40%;
        transition: 500ms;
}


.hannara {
.hannara {

2023년 2월 27일 (월) 01:44 판