페이지 로드 시, fade-in 효과주기

devSoyoung / STUDY

✏️ 공부한 내용 정리, 주제에 따라 분류

4 stars 1 forks source link

Open devSoyoung opened 5 years ago

devSoyoung commented 5 years ago

opacity를 애니메이션으로 n초동안 0에서 1까지 주면 됨

div {
    animation: fadein 0.5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}