Перейти к содержанию

Рекомендуемые сообщения

Здравствуйте, подскажите пожалуйста как сделать зависимость одного элемента от другого. Т.е, хочу сделать так что бы при наведении на картинку (в категории товаров) название товара приобретало свойство своего hover. Как такое можно реализовать и можно ли вообще через css. 

 

Сама страничка - http://bestpw.tk/production/

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Тоесть при наведении на какойто блок, у другого блока срабатывал другой стиль?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Да можно, только через jquery используя события mousemove и  mouseleave

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Могу сделать :) 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
.product-grid .product-thumb .image:hover + div .caption h4 a {
	color:red 
}

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

.product-layout .image:hover+div h4 a{
    transition: 0.4s;
    text-shadow: 1px 1px 11px #717171;
}
.product-layout .image:hover+div h4 a:after {
    content: "";
    display: block;
    position: relative;
    z-index: -1;
    width: 0%;
    margin: auto;
    border-bottom: 3px solid #42484c;
    bottom: -10px;
    transition: all 1s;
    width: 100%;
    border-bottom-width: 3px;
}

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
27 минут назад, Papasan4ez сказал:

.product-layout .image:hover+div h4 a{
    transition: 0.4s;
    text-shadow: 1px 1px 11px #717171;
}
.product-layout .image:hover+div h4 a:after {
    content: "";
    display: block;
    position: relative;
    z-index: -1;
    width: 0%;
    margin: auto;
    border-bottom: 3px solid #42484c;
    bottom: -10px;
    transition: all 1s;
    width: 100%;
    border-bottom-width: 3px;
}

 

Спасибо за помощь, ваш ответ был лучший!)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.