«translate-animation» 태그된 질문

가리키면 CSS 전환 효과가 div를 이동시키는 CSS가 있습니다. 예제에서 볼 수 있듯이 문제는 translate전환이 div의 이미지를 1px 아래 / 오른쪽으로 움직이고 (아마도 약간 크기가 조정될 수 있습니까?) 부작용이 발생하여 제자리에 나타나지 않고 초점없는... 글리치는 호버 효과가 적용되는 전체 시간 동안 적용되는 것으로 보이며 시행 착오 과정에서 변환 전환이 div를 이동할 …

150 css  image  hover  positioning  translate-animation 

많은 블로그에서 transform: translateZ(0)애니메이션과 전환 속도를 높이는 데 사용하여 요소가 3D라고 생각하기 위해 GPU를 '속임수'하는 성능 향상을 표현했습니다 . 이 변환을 다음과 같은 방식으로 사용하는 것과 관련이 있는지 궁금합니다. * { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

96 performance  css  translate-animation