이미지에 호버 효과 추가 (wordpress)

Question

이미지 투명도 - 호버 효과를 워드 프레스에 추가하는 가장 좋은 해결책은 무엇입니까? 나는 당신이 그들 위에 마우스를 가져올 때까지 퇴색하고 싶어하는 몇 개의 회사 로고를 가지고 있습니다 .... 쉬운 해결책이 있습니까? 올바른 코드와 CSS를 찾으려면 ... 고마워요.

Answer 1

먼저이 같은 모든 당신의 회사 로고 이미지 클래스를 정의 -

가

<img class="company-logo" src="..."/> 

다음과 같은 회사 로고 클래스에 대한 CSS를 추가 -

img.company-logo { 
    opacity: 0.5; /* Set this to whatever value you want */ 
    filter: alpha(opacity=50); 
} 

img.company-logo:hover { 
    opacity: 1; /* make the images fully opaque */ 
    filter: alpha(opacity=100); 
}