틀:제2회 이브위키 관리자 선거/사쿠라 슬로건 문서 원본 보기

<html>
<div class="aaa"><span style="color: #0095DA">사쿠라의</span> 거부할 수 없는 <span style="color: #0095DA">미래</span></div>

<style>
body { background-color: black;}
.aaa {
    padding: 50px 0;
    width: 100%;
    background-image: url('https://dams.pa.go.kr/dams/DOCUMENT/2017/11/09/DOC/SRC/0104201711091028051155794012012.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 30%;
    color: #FFF;
    text-align: center;
    font-family: 'KIMM_Bold';
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: -0.75px;
    line-height: 150%;
    opacity: 0;
    transition: all 0.5s;
}

@font-face {
    font-family: 'KIMM_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KIMM_Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
</style>

<script>
let observer = new IntersectionObserver((e)=>{
    e.forEach((asdf)=>{
        if (asdf.isIntersecting){
            asdf.target.style.opacity = 1;
            asdf.target.style.marginLeft = '0px';
        }
    })
})

let div = document.getElementsByClassName('aaa');
observer.observe(div[0])
</script>
</html>