2017-11-08 3 views
-1

내 웹 사이트에서 그녀를 볼 수있는 호버 효과를 제거하고 싶습니다. 그러나 나는 이것을 없애기 위해 CSS 코드를 사용하는 방법을 찾을 수 있습니다. 테마. 여기 Wordpress 테마에서 호버 효과를 제거하는 방법

내가 내가하지만 행운

.hover 흰색 {불투명도이 시도

시도 무엇을 발견하고 무엇 : 없음 중요한;! }

+0

호버링 효과 * *? – jhpratt

+0

메인 사진과 전화를 걸어서 아래로 스크롤하면 화이트 호버 효과가있는 이미지가 있습니다. –

답변

0

이 경우 변경되는 이미지의 불투명도가 아니며 부모 이미지의 배경색 인 이미지를 포함합니다. 따라서

.works-grid.hover-white .work-item:hover .work-img:after { 
    background-color: transparent; 
} 

... 해결 예정입니다.

+0

효과가 있습니다. 스타가되었습니다. –

0

효과를 무시하고 inspector를보고 whats 클래스가 변경되었는지 확인한 다음 재정의합니다. 이 같은 일반 클래스와 같은 더 효과, 재정의 호버 효과, 경우

.work-item:hover .work-img > img { 
    -webkit-transform: scale(1.05) translateZ(0); 
    -moz-transform: scale(1.05) translateZ(0); 
    -ms-transform: scale(1.05) translateZ(0); 
    transform: scale(1.05) translateZ(0); 
} 

.work-item .work-img > img { 
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
} 

: 여기

.work-item:hover .work-img > img, .work-item .work-img > img { 
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
} 

행동이 더 행동처럼 가져가 없습니다 귀하의 경우 이 원래 클래스입니다.

+0

감사합니다. Michael, Andrei의 css 코드를 사용했습니다. 나는 완벽하게 –

+0

;) 당신을 환영합니다. –

관련 문제