CSS focus1

• 

  CSS 가상 클래스 선택자 선택자 뒤에, 가상 이벤트를 붙이게 되면, 설정한 이벤트마다 스타일을 적용할 수 있습니다. 가상 클래스 선택자로 마우스 포인터 이벤트, 혹은 애니메이션 등의 설정, 그리고 대화형 컨텐츠를 제작할 수 있어,웹 사이트를 관리하시는 분들이라면 알면 유용한 기능이니 꼭 참고해주시길 바랍니다. 서론 1. 가상 클래스 선택자의 종류 hover : 마우스 포인터가 올라가 있는 동안 설정한 이벤트가 발생하는 것을 말합니다. transition-duration : 마우스 포인터가 올라갈 때 애니메이션 이벤트가 발생하는 것을 말합니다. (전환속성 중 일부) active : 마우스로 누르고 있는 동안 이벤트가 발생하는 것을 말합니다. focus : 선택자가 포커스 된 동안에만 시행되며 대화형 컨텐츠 (input, img, .. HTML.CSS 2023. 11. 16.