1

Тема: підсвучування картинки при наведені курсора миші

Привіт всім. Як можна реалізувати підсвічування картинки при наведені миші? Вбивав це питання в гугл. Нічого путнього не знайшов.
Ці методи відкидаєм зразу:
*не прозрачність (opacity)
* не заміна картинки при наведенні миші

2

Re: підсвучування картинки при наведені курсора миші

Зробити спрайт підсвітки, накласти його на картинку, при наведенні курсора показувати, при виведенні ховати.

Подякували: Faraon1

3

Re: підсвучування картинки при наведені курсора миші

намагаюся зробити підсвічування вздовж контурів картинки png.

4

Re: підсвучування картинки при наведені курсора миші

quez написав:

Зробити спрайт підсвітки, накласти його на картинку, при наведенні курсора показувати, при виведенні ховати.

ідея прекрасна. напевне так і зроблю. А чи є інший спосіб? Тому що картинок буде багато і всі вони будуть різних форм

5

Re: підсвучування картинки при наведені курсора миші

Навряд чи ви щось видумаєте, що буде підходити для картинок різних розмірів і нормально при цьому виглядати.

6

Re: підсвучування картинки при наведені курсора миші

дякую. якщо щось кращого не знайду то зроблю так як Ви порадили.

7

Re: підсвучування картинки при наведені курсора миші

А box-shadow з цим не справляється?

Подякували: FakiNyan, Faraon2

8 Востаннє редагувалося FakiNyan (24.11.2014 12:41:46)

Re: підсвучування картинки при наведені курсора миші

Andrews написав:

А box-shadow з цим не справляється?

справляється

стильна, неонова підсвітка для Фараона

Подякували: 0xDADA11C7, quez, Faraon3

9

Re: підсвучування картинки при наведені курсора миші

Ось такий варіант ще може тий же box-shadow та transition
http://не-дійсний-домен/pages/transition_picture.html

10

Re: підсвучування картинки при наведені курсора миші

Як варіант можна використати CSS Filters

Подякували: Анатолій, FakiNyan, Faraon3

11

Re: підсвучування картинки при наведені курсора миші

ого.. скільки всяких варіантів ще знайшлося))) Дякую всім.