Можно ли сделать эффект Zoom и как?

Question

[smailenemy]

Можно ли сделать такой эффект при наведении на тюбик на jquery чтобы он увеличивался, но никак не влиял на соседние блоки?
sitebuilding.ru/apromo/ath/hair7-4.html

Answer 1

[display: block]

element:hover{
  transform:scale(1.5);
}

Comments

[smailenemy]

Но ведь transform не поддерживается на ie 9, а мне нужна кроссбраузерность

[display: block]

smailenemy: codepen.io/anon/pen/reQNNg на css

[smailenemy]

всё круто работает, только при scale на картинке надписи размываются, как бороться?

[CODEzavr]

smailenemy: "не поддерживается на ie 9" - кто сказал? i.imgur.com/8BMIMih.png

[smailenemy]

CODEzavr: всё круто работает, только при scale на картинке надписи размываются, как бороться?

[CODEzavr]

smailenemy: грузи в формате PNG или с SVG извращайся.

[smailenemy]

CODEzavr: в png и гружу )

[CODEzavr]

smailenemy: Ну тогда смотря какой scale у вас, если изображение 10 пикселей и вы скейлине в 200 раз, тогда SVG или же грузи превьюшку и на ховер подгружай полноразмерное изображение.