CSS 기초3 [css] animation 속성 animation 모든 애니메이션 속성을 적용한다. animation-delay 애니메니션 발생 후 몇 초 후에 재생할지 지정한다. animation-direction 애니메이션이 순환할 때 진행 방향을 설정한다. [animation-direction 속성 값] normal : 시작 위치에서 다시 시작한다.(정방향) - 기본 값 {시작-> 종료, 시작->종료} reverse : 종료 위치에서 다시 시작한다. (역방향){종료->시작,종료->시작} alternate : 애니메이션이 종료 위치에 도착하면 종료 시점에서 시작 시점까지 반복한다 (정방향 반복){시작->종료,종료 -> 시작} alternate-reverse 애니메이션이 종료 위치에서 시작하며 시작 시점에 도착 하면 시작 시점에서 종료 시점 까지 반.. 2021. 1. 31. 반응 선택자 active : 마우스로 클릭하고 있는 상태 hover : 마우스를 올리고 있는 상태 .hover_btn:hover{ background: #fff; } 마우스 올렸을 때 .active_btn:active{ background: blue; color: #fff; } 마우스로 누르고 있을 때 2020. 12. 13. 동위 선택자 동위관계에서 뒤에 위치한 태그를 선택할 때 사용하는 선택자 선택자A + 선택자B : 선택자A 바로 뒤에 위치하는 선택자B를 선택 선택자A ~ 선택자B : 선택자A 뒤에 위치하는 선택자B를 모두 선택 .a + .b{ color:red; } 선택자A 바로 뒤에 위치하는 선택자B를 선택 선택 A 선택 B 선택 C .a ~ li{ color:red; } 선택자A 뒤에 위치하는 선택자B를 모두 선택 선택 A 선택 B 선택 C 선택 D 선택 E 선택 F 2020. 12. 13. 이전 1 다음
