버튼 호버시 backdrop-filter:blur(4px); 를 넣었는데, 버튼을 떼면 약간의 경련이 일어나는데 왜이러는걸까요 ㅠㅠ?

Question

.btn:hover { backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);} 로 버튼에 마우스를 갖다대면 배경이 뿌옇게되는 이펙트를 넣었는데,마우스를 떼면 배경이 다시 선명해진 후 버튼 배경이 2px정도 파팍하면서 떨리더라고요..분명 요소검사했을때는 이거 바로잡는 방법이 있다면 어떻게 해야할까요 ㅠㅠ? .main_btn li { width:33.33%; height:100%; border-top:1px solid rgba(255,255,255, 0.3); float:left; box-sizing: border-box; padding:34px 46px; position: relative; backdrop-filter:blur(0px); -webkit-backdrop-filter:blur(0px); transition:0.5s ease;} .main_btn li:hover{ backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);}이게 코드입니다 ㅠㅠ

버튼 호버시 backdrop-filter:blur(4px); 를 넣었는데, 버튼을 떼면 약간의 경련이 일어나는데 왜이러는걸까요 ㅠㅠ?

0개의 답변

#hover 목록