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

  • 최근 수정 시각: 2023년 2월 27일 (월) 00:36
  • 위키의 문서를 이용할 때에는 문서의 라이선스를 확인하세요. 자세한 내용은 이용 약관을 참고하세요.
    이용자 보호 창구 | evewiki.kr@gmail.com후원계좌 | 100-152-076102 케이뱅크 김성보
편집 토론 문서 역사
← 이전 편집다음 편집 →
시각위키텍스트
편집 요약 없음
편집 요약 없음
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-1" alt="한나라닷컴.png" src="https://evewiki.kr/w/images/2/23/Hannara_w.png" style="width: auto; height: 5.5vw;">
             </div>
             </div>
         </div>
         </div>
         <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>
                <img id="ana-img-1" alt="아름다운나라.png" src="/w/images/f/fc/아나_로고.png" style="width: auto; height: 5.5vw;">
        </div>
        <div class="swiper-slide">
            <div id="banner" class="reiwa" onclick="location.href='/w/index.php/레이와_개신'">
             </div>
             </div>
         </div>
         </div>
         <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/리좀'">
                <img id="rhizome-img-1" alt="리좀.svg" src="/w/images/5/57/%EB%A6%AC%EC%A2%802.png" style="width: auto; height: 5.5vw;">
             </div>
             </div>
         </div>
         </div>
120번째 줄: 119번째 줄:
         color: #FFF;
         color: #FFF;
}
}
#flora-img-1 { animation: exid 1s .2s both; }
#flora-img-1 , #hannara-img-1, #ana-img-1, #rhizome-img-1 { animation: exid 1s .2s both; }
@keyframes exid {
@keyframes exid {
     0% { opacity: 0; transform: translateY(30px);}
     0% { opacity: 0; transform: translateY(30px);}
134번째 줄: 133번째 줄:
.ana {
.ana {
         background-color: #000070;
         background-color: #000070;
        color: #FFF;
}
.reiwa {
        background-image: linear-gradient(to right, #AD0000, #db0000 20%, #db0000 80%, #AD0000);
         color: #FFF;
         color: #FFF;
}
}
.rhizome {
.rhizome {
         background-color: #041E42;
         background-image: linear-gradient(135deg, #041e42 10%, #eee 10%, #eee 90%, #EC1920 90%);
         color: #FFF;
         color: #FFF;
}
}

2023년 2월 27일 (월) 00:36 판