development

iPad Safari : 링크가 연결되었을 때 빠른 깜박임 효과를 비활성화하는 방법

big-blog 2020. 9. 15. 18:52
반응형

iPad Safari : 링크가 연결되었을 때 빠른 깜박임 효과를 비활성화하는 방법


그것을 비활성화하는 방법이 있습니까?
내 말은 브라우저에서만 ... 클릭 기능이있는 링크 나 버튼 또는 div를 클릭하면 빠르게 클릭 한 곳에 회색 상자가 깜박입니다. 이것을 어떻게 방지합니까?


해당 요소 -webkit-tap-highlight-color속성투명 색상을 설정할 수 있습니다.

a {
    -webkit-tap-highlight-color: transparent;
}

Phonegap에서 모바일 Safari를 사용하면 다음과 같이 작동했습니다.

* {  -webkit-backface-visibility:  hidden;
     -webkit-tap-highlight-color:  transparent;
  }

출처 : iPhone WebKit CSS 애니메이션으로 인해 깜박임 발생

또한 기본 패널에서 렌더링을 활성화합니다.

div.myPanelOrWhatever 
  {
      -webkit-transform: translate3d(0, 0, 0)
  }

출처 : webkit-transform의 webkit-transition에서 깜박임 방지

참고 URL : https://stackoverflow.com/questions/3516173/ipad-safari-how-to-disable-the-quick-blinking-effect-when-a-link-has-been-hit

반응형