Размазывается изображение, почему может такое происходить?

Question

[Алексей]

Доброго времени суток.

Есть плитка товара и у нее есть событие Ховер, когда навожу мышку, то на этой плитке поднимается заголовок и отображаются картинки перехода в подраздел, но эти картинки почему то в конце начинают размазываться, вопрос, почему и как исправить, или в какую сторону копать? (в инспекторе кода стили выключал, результата не дало)

В состоянии покоя, у картинки высота 0 (чтобы текст под ней отображался в нужном для нас месте), а при ховере он увеличивается до 100% (высота картинки установлена атрибутом тега img), еще есть правило transition: all 0.6s ease, для плавности.

Спасибо

Comments

[SuperToster]

почему может такое происходить?

По разным причинам может происходить. Проще будет если вы покажете разметку и стили. Если не хотите светить свою вёрстку, локализуйте проблему в песочнице и дайте ссылку.

Answer 1

[Exploding]

Высоту в css, и вместо height:100%; укажите max-height:100%; при :hover
Наверно проблема в этом.