dreamfactor

На SVG возможно гораздо больше эффектов, чем на CSS. Но если всё же необходимо, то вот. а можно там не текст а что-то вроде area сделать ?

Тогда на SVG делается элементарно. Можно кстати на JS сделать, чтобы вообще везде работало... Координаты центра знаем, координаты мыши знаем, по теореме Пифагора высчитываем угол гипотенузы и смотрим если он, к примеру, в пределах от 0 до 45 градусов, то показывает IMG_1. Остальные по такому же принципу. можно поподробнее о SVG ? http://jsfiddle.net/omwpdm7o/ но у меня должен быть именно hover с css потому что там появление с эффектами

Тогда на SVG делается элементарно. Можно кстати на JS сделать, чтобы вообще везде работало... Координаты центра знаем, координаты мыши знаем, по теореме Пифагора высчитываем угол гипотенузы и смотрим если он, к примеру, в пределах от 0 до 45 градусов, то показывает IMG_1. Остальные по такому же принципу. можно поподробнее о SVG ?

ну в последних версиях, ИЕ можно не учитывать)

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