반응형
@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 |