Как сделать кнопку разной геометрической формы?

Question

[marsFM]

Как сделать так, чтобы кнопка выделялась, только тогда, когда навели на объект (объект разной формы)?

Обычно выделяется тогда, когда наводится на прямоугольную область.

Answer 1

[Сергей Полозов]

Думаю можно посмотреть в сторону
map area
и кнопку делать в виде картинки, область всё равно будет прямоугольной, но выделение можно настроить именно на конкретную область.

Answer 2

[Snewer]

По изучайте вот такие примеры:

www.w3schools.com/js/tryit.asp?filename=tryjs_imagemap

Там объекты круглые

Answer 3

[Snewer]

habrahabr.ru/post/152731

Answer 4

[marsFM]

это не то, выделяется прямоугольная область, а у меня кнопка может быть круглой(разной формы), и она должна выделятся когда курсор наводится только на круг

Comments

[Snewer]

Если даже и есть решение, оно не будет кроссбраузерным. Зачем вам это?

Answer 5

[marsFM]

Спасибо)

Answer 6

[Сергей Мельников]

htmlbook.ru/html/map

Answer 7

[Александр Зачиналов]

Поддерживаю ребят, или тег map или пользуйся SVG элементами