Hover на блоке влияет на другие блоки?

Question

[parnasmi]

Всем привет. Внизу страницы есть блок с карточками "Наиболее оригинальные форматы" . При наведении на них они слегка приподнимаются(translateY(-5px)). Но, после наведении на них исчезает стрелки слайдера "12 крупных корпоративных клиентов доверяют поздравления нам". Но при попытке перетаскивание снова появляются. Кроме этого, иногда Если сделать hover над карточками меню дергается. Помогите, пожалуйста, разобраться в чем проблема. Из-за чего такое происходит.. Спасибо заранее. Ссылка на сайт.

Answer 1

[alex]

В Firefox все ок. В Chrome стрелки исчезают при ховере на карточки, но с меню все ок. Win7@64 все браузеры зеленые.

Попробуйте добавить для стрелок transform:translate3d(0,0,0) scale(1). При ховере соответственно будет - translate3d(0,0,0) scale(1.1). В моем случае стрелки перестали исчезать.

Comments

[parnasmi]

Спасибо, помогло!!!

Answer 2

[Андрей Гончаров]

Это глюки бывают в вебките.
Тем элементам, которые дергаются при анимации других пропиши:
transform: translate3d(0,0,0)

Comments

[parnasmi]

Ваш совет тоже сработало. Спасибо!