마우스 오버시 테두리 반경 지연

Question

테두리 반경은 호버에로드하는 데 0.5 초 정도 걸리므로 수정 된 둥근 모양으로 수정되기 전에 사각형 div가 표시됩니다.

코드는 Firefox에서 제대로 작동하지만 Safari 나 Chrome에서는 작동하지 않습니다.

여기 링크가 있습니다. Safari 또는 Chrome에서 버그를 확인하려면 3 개의 서클 중 하나 위에 마우스를 올려 놓습니다.

http://test.kaitlynjoy.com/border-radius-bug/#websection

왜 지연이 발생?

감사합니다.

Answer 1

div의 경계 반지름을 100 %로 설정해 보았습니까?

웹 속성에서 코드를 놀아 보면서 경계선 반경을 갖도록 요소를 설정하면 사각형 결함이 해결되었습니다. 이것을 시도하십시오 :

원은 확대 효과가 마우스를 올릴 때 트리거 될 때 너무 약간 잘립니다. 오버플로를 설정하면 부모 요소에 표시되며, 원하는대로 작동하고 세부 사항을 완성 할 준비가되어 있어야합니다.