Вопрос:

Как убрать эффект наведения на тему Wordpress

css wordpress

707 просмотра

2 ответа

3 Репутация автора

Я хочу убрать этот эффект при наведении курсора, который вы видите на моем сайте www.skiathos.io, но мне кажется, что я могу найти способ сделать это с помощью кода CSS, чтобы не разрушать тему.

Вот что я нашел и что попробовал

Я попробовал это, но без удачи

.hover-white {непрозрачность: нет! важно; }

Автор: Nick Karvounis Источник Размещён: 08.11.2017 10:57

Ответы (2)


0 плюса

41990 Репутация автора

Решение

В этом случае меняется не непрозрачность изображения, а цвет фона ::afterэлемента его родителя, который покрывает изображение. Следовательно,

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

... это исправит.

Автор: Andrei Gheorghiu Размещён: 08.11.2017 11:06

0 плюса

234 Репутация автора

переопределите ли вы эффект, посмотрите инспектор и определите, какой класс был изменен, и переопределите его. В вашем случае, это оригинальный класс:

.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);
}

Здесь парящее действие не похоже на действие.

Автор: Michel Simões Размещён: 08.11.2017 11:11
Вопросы из категории :
32x32