Картинка увеличивается по вертикали не правильно?

Question

[Ivan Ivanovich]

Здравствуйте. Есть код - https://jsfiddle.net

Помогите пожалуйста решить 2 проблемы.

1.При наведении на картинку она должна увеличиваться и это происходит, но она не должна растягиваться, но это происходит по вертикальной оси. Это можно решить убрав свойство min-height: 311px; в .film, но тогда пропадает текст идущий после картинки.

2.При наведении на картинку должна срабатывать анимация в div с классом triangle, но она срабатывает только тогда, когда наведение происходит непосредственно на элемент. Как сделать так, чтобы анимация срабатывала при наведении на любую часть блока film?

Заранее спасибо!

Answer 1

[Сергей delphinpro]

Answer 2

[Андрей]

вешайте ховер на film т.е.
film: hover .poster{
свойства;
}
То же самое с запуском анимации.

Comments

[Ivan Ivanovich]

Андрей не работает