animation, background 속성

css 속성

1. animation

animation-name 설정한 이름

animation-duration 애니메이션 지속 시간

animation-delay 애니메이션 지연 시간

animation-timing-function 애니메이션 효과 속도 곡선을 지정

-속성값 ease/ linear/ ease-in/ ease-put/ ease-in-out

animation-interation-count 애니메이션 반복 횟수

-속성값 infinite(무한 반복) 이외엔 숫자로 지정

animation-play-state 애니메이션이 실행 중이거나 일시 정지 여부 결정

-속성값 running(진행)/ paused(일시정지)

animation-fill-mode 애니메이션이 재생되지 않을 때 대상 요소에 스타일 지정

-속성값 none/ fowards/ backwards/ both

 

2. background

background-color 배경색 지정

background-image 배경이미지 지정 url("경로")

background-size 배경이미지 크기 지정

-속성값 contain/ cover

background:linear-gradient() 배경색 선형 그라디언트 채우기

background:radial-gradient() 배경색 원형 그라디언트 채우기

background-attachment 배경이미지 고정여부

background 배경관련 속성을 일괄 지정