본문 바로가기

HTML CSS

animation

transition
프로퍼티 변경에 따른 일시적 시간 후에 변화

animation
animation-name : 애니메이션 이름
animation-duration : 0s 진행 초
animation-delay : 0s 웹사이트 열리고 몇 초 후 진행
animation-timing-function:
// ease : 느림
// ease-in : 느리다가 빨라짐

animation-fill-mode : 
//forwards: 진행 후 멈춤

animation-iteration-count : 애니메이션 재생 횟수
//infinite 무한 반복

@keyframes 이름 {
from {
시작점
}
to{
끝에 바뀔것
}

'HTML CSS' 카테고리의 다른 글

positon  (0) 2020.01.22
display  (0) 2019.11.27
스크롤바 투명하게  (0) 2019.10.13
css selector  (0) 2019.08.14
css1 ,flex  (0) 2019.08.14