Эффект наведения CSS на изображения произвольной формы

Question

Эффект наведения CSS на изображения произвольной формы

0

У меня есть карта coutry..Мой задачей является эффект зависания в каждом районе, в котором они будут светиться. Я не знаю, как это сделать. Я мог бы использовать html-тег map, например:

<img src="district1.png" width="xxx" height="yyy" alt="d1" usemap="#d1_map">
<map name="d1_map">
        <area shape="poly" coords="0,0, 35,36, 82,126 .... " styles="....">
</map>

но это не совершенство, так как вы знаете, что карта не имеет многоугольной формы. заранее спасибо..

Wahid Masud 19 янв. 2014, в 15:04

Источник

0

stackoverflow.com/questions/13845958/...
Alok Jain 19 янв. 2014, в 13:40
0

stackoverflow.com/questions/15649184/… - Изображение при наведении курсора на карту области
MortenMoulder 19 янв. 2014, в 13:55

Теги:

html

css

css-shapes

1 ответ

Ещё вопросы

stackoverflow.com/questions/15649184/… - Изображение при наведении курсора на карту области

Alexandru Doda · Answer 1 · 2014-01-19T13-56-00.000Z

Разделите каждую область карты, используя теги области внутри тега карты;
Назначьте идентификатор или класс для вашей карты (например, <map class="mymap">);
Используйте CSS, чтобы создать тень вокруг вашей области, когда она зависала:

.mymap area:hover{ box-shadow:0 0 15px #ffffff }

Это должно привести к тому, что ваши области начнут светиться, когда мышь их зависнет. В принципе, вы назначаете класс карте, чтобы легко ориентировать своих детей с помощью CSS. Таким образом, вам не нужно назначать класс для каждой области. После этого вы нацеливаете своих детей и используете событие: hover, чтобы применить этот код к области, когда мышь ее наводит. Мне действительно интересно, если он работает, но он должен.