Как сделать изображение разной формы, а не в форме квадрата?

Question

[Андрей Барчук]

В общем, как сделать картинку, чтобы она была не прямоугольной, а, например, косой, как на картинке, и чтобы при наведении был hover, т.е картинка активна?

Comments

[Андрей Барчук]

Пример:

Answer 1

[Andrey Dugin]

Самое простое решение - html map и shape - не подходит?
www.javascriptkit.com/howto/imagemap.shtml

Answer 2

[Сергей Протько]

в порядке кроссбраузерности
1. нарисовать картинку
2. извращаться с бордерами
3. SVG
4. CSS transforms

Answer 3

[Юрий Лобанов]

используйте png