개발자
호버효과처럼 버튼을 누르고 있는 동안 어두워졌다가 손을 떼면 다시 밝아지게끔 하는 효과를 구현하고자 합니다. 토스 웹사이트에서는 사파리로 접속해도 되길래 이게 가능한것 같은데 어떤 키워드로 검색해야 하는지모르겠어서 막혔습니다. 지금은 button과 클래스 명으로 각각 transition 차이를 줘서 버튼 눌렀을 때(누르는 동안X) 눌리는 효과를 주었습니다. 긴 글 읽어주셔서 감사합니다.
답변 3
js의 이벤트를 통해 조작하는건 어떤가요? 마우스를 누를 때 onMouseDown 클릭이 끝날때 onMouseUp이 일어나는 것을 바탕으로 const [isPressing, setIsPressing] = useState(false) <button className={`${isPressing ? '눌리고 있을때 클래스' : '기본 클래스'}`} onMouseDown={() => {setIsPressing(prevState => !prevState)}} onMouseUp={() => {setIsPressing(prevState => !prevState)}} > 이런식으로 구현해보았습니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
지금 가입하면 모든 질문의 답변을 볼 수 있어요!