가상요소(::before, ::after)가 안보이거나 애니메이션 되지 않을 때
웹표준에 맞춰 바른 마크업을 하기위해서는 가상요소를 사용하게 되는 경우가 많습니다. 가상요소를 분명이 오타없이 적용했는데 보이지 않는 이유와 원인들을 정리하여 같은 이유로 고생하시는 분들에게 조금이라도 도움이 되고자 싶어 정리해 봅니다. 가상요소는 …
크롬 개발자 도구에서 hover/focus 상태 확인하는 방법
개발자 도구를 통해서 CSS 적용상태를 확인하거나 수정해보는 경우가 있는데 마우스를 올렸을 때나 포커스를 가진 경우의 디자인을 보고 싶은 경우가 있습니다. 하지만 개발자 도구에서 그 항목을 보려는 순간 이벤트가 해제되면서 CSS확인이 …