Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: hover-эффект к png изображению

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Ismail
Отправлено: 25 Ноября, 2013 - 15:52:15
Post Id



Новичок


Покинул форум
Сообщений всего: 46
Дата рег-ции: Сент. 2012  


Помог: 0 раз(а)




Доброго времени суток! Подскажите, как в css применять hover эффект к png изображениям.

Например, есть два изображения html:

CODE (html):
скопировать код в буфер обмена
  1. <div class="m">
  2. <a href="" target="" title=""><img src="images/kapot.png" class="kapot" border="0"></a>
  3. <a href="" target="" title=""><img src="images/krilo.png" class="krilo" border="0"></a>
  4. </div>



css:

CODE (htmlphp):
скопировать код в буфер обмена
  1. .m img {opacity:0;}
  2. .m img:hover {opacity:1;}
  3. .m img {position:absolute;}
  4. .kapot {margin: 137px 0 0 82px;}
  5. .krilo {margin: 155px 0 0 380px;}


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

Есть ли какое-нибудь решение?

p.s. Например, для появления тени в png изображении используется:

CODE (htmlphp):
скопировать код в буфер обмена
  1. -webkit-filter: drop-shadow(5px 5px 5px #ddd);


здесь у изображения тень пойдет по граням, а не по прямоугольнику..
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB