하나의 특정 버튼에서만 발생하는 버튼 호버 깜박임을 제거하려면 어떻게해야합니까?

Question

이 페이지에는 두 개의 버튼이 있습니다. 가장 먼저 연결된 '연결'은 완벽하고 이상한 깜박임이 없습니다. 그러나 마우스가 버튼에서 멀어지면 아래쪽으로 '더 자세히 읽으십시오'라는 이상한 깜박임이 발생합니다.

https://dev.evolutionaryeducation.org/

나는 전에 본 적이 내가 해봤 모든 작업을 실패했습니다. 나는 호스팅을 지원하기 위해 손을 뻗었으며 그들은 '이것이 브라우저의 작동 방식'이라고 말했습니다.

Answer 1

컨테이너 단추 위로 마우스를 가져 가면 텍스트의 변경 내용이 즉시 적용됩니다. 해당 단추의 텍스트가 변경됩니다.

표시되는 깜박임은 버튼 (텍스트)의 내용이 기본 버튼과 동일한 속도로 전환되지 않아 발생합니다.

이 CSS는 주변 버튼과 동일한 속도로 버튼 내부의 내용이 전환되도록 페이지에 적용 할 수 있습니다 (WordPress 사용자 정의 페이지의 CSS 탭에 배치 할 수 있음).

테스트 한 결과 플리커가 적용되면 사라집니다.

.button.button_size_2.button_js span.button_label { 
    transition: all 0.3s; 
}