호다닥

CSS State 크롬 개발자도구에서 element를 선택하고 :hov를 클릭하면 states를 확인할 수 있다. 박스:hover 박스 위에 뭔가 올라가면(hover), property들이 적용된다. 박스:active 박스를 클릭할 때 property들이 적용된다. 박스:focus 폼이나 링크를 선택하거나 활성화시키면 property들이 적용된다. Transition Transition은 아래의 효과들이 자연스럽게 동작할 수 있게 부드럽게 처리해주는 기능이다. transition-property: all; → 어떤 효과에 대한 장면전환을 할 지 결정한다. all은 모든 그래픽 효과들이 동작하게 한다. transition-duration: 1s; → 장면전환이 1초에 거쳐 일어난다. 아래와 같이 한줄에 코..