Вход | Регистрация | FAQ
Anonymous

CSS анимация + ссылка

+ Ответить

1 сообщение Страница 1 из 1


CSS анимация + ссылка

lacostewin » Ср ноя 04, 2015 7:45 am

Всем привет.

Помогите найти решение. Есть картинка ссылка с небольшим геморроем в виде area shape:
<p><div class="yaa">
<img src="/images/banners/yandex.png" height="35" width="35"
alt="Мы в Янедексе" usemap="#yaa"></div></p>
<p><map name="yaa">
<area shape="circle" coords="16,16,17" href="https://maps.yandex.ru" target="_blank">
</map></p>

и некоторой инимацией:

.yaa
{
position: relative;
top: 21px;
left: -41px;
}


.yaa :hover
{

-webkit-transform: scale(1.3);
transform: scale(1.3);

}

Проблема в том, что при наведении курсора на картинку, она перестаёт быть ссылкой. Анимация при этом срабатывает.
Аватара пользователя

lacostewin

  • Сообщения: 1
  • Зарегистрирован: Ср ноя 04, 2015 7:43 am


+ Ответить

Страница 1 из 1