반응형
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 3;
        transform: none;
    }
}

main {
    animation: fadeIn 0.5s ease-in-out;
}

글 목록이 아래에서 위로 올라오는 기능 fadeIn

반응형

'2020 > CSS' 카테고리의 다른 글

box-sizing: border-box  (0) 2020.03.23
reset css  (0) 2020.02.19
CSS 사진회전, 그림자  (0) 2020.02.18
css focus 기능  (0) 2020.02.18
gradient 추천 사이트  (0) 2020.02.18
블로그 이미지

꽃꽂이하는개발자

,