Добавить эффект наведения с изображениями (WordPress)

Question

Какое лучшее решение для добавления прозрачности изображения - Hover Effect в WordPress?У меня есть несколько логотипов компаний, которые я хочу исчезнуть, пока вы над ними не наведите ... Есть ли простое решение?Ищете правильный код и 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);
}