css 애니메이션 썸네일형 리스트형 CSS hover하면 밑줄이 촤라락 애니메이션 CSS hover시 밑줄이 나타나는 애니메이션 CSS에서 마우스를 글에 갖다 대면 밑줄이 펼쳐지는 애니메이션이 가끔 필요할 때가 있다.그 중에서 내가 주로 쓰는 Next.js와 TailwindCSS를 기반으로 메모해 둔다. 1. 밑줄이 좌->우로 그어지는 애니메이션아무 글자 1줄 핵심: 가상선택자에 width를 0으로 해뒀다가 hover시 width를 100%가 되게 2. 밑줄이 가운데에서 문 열리듯 좌우 끝을 향해 생기는 애니메이션아무 글자 1줄 핵심: 가상선택자에 scaleX를 0으로 해뒀다가 hover시 scaleX를 1이 되게 더보기 이전 1 다음
