커서 스타일 애니메이션을 만들어보자
1. 미리보기 특정 요소에 cursor가 hover됐을 때 cursor의 스타일을 변경하는 애니메이션을 만들어보자! 이 애니메이션을 만들기 위해서 mousemove, mix-blend-mode 등을 이용해야 한다. See the Pen cursor focus animation by KumJungMin (@kumjungmin) on CodePen. 2. 코드 분석 1) html html 구조는 그림과 같은데, 전체를 감싸는 menu-list 내부에 3개의 btn이 자식으로 있다. 코드로 나타내면 아래와 같다. 에는 각각 red, gray, skyblue클래스를 지정하여 각각 다른 스타일을 준다. cursor는 미리보기에서 보던 커서역할을 한다. RED GRAY BLUE 2) scss (1) 기본 스타일 지..
2021. 9. 16.
