|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Как сделать рамку вокруг PNG\GIF картинки? |
Как сделать рамку вокруг PNG\GIF картинки? |
|
Плохо ищешь.
|
средствами css (box-shadow) вы можете сделать только обводку всей картинки (квадратом), а не видимого
для изменения самой картинки вам потребуется редактор GIF, необходимую программу можете поискать в интернете ("редактор gif") |
Тень блока Нужно вокруг него сделать свечение цветом.. по контурам видимого - не просто квадратик! Dogica, а как вы представляете это? |
для изменения самой картинки вам потребуется редактор GIF, необходимую программу можете поискать в интернете ("редактор gif") знаю кучу онлайн гиф редакторов - они не умеют это делать такую тень я тоже умею сделать и на CSS и в редакторах а нужна тень по контуру видимого (а не по контуру квадрата картинки) |
Dogica, я бы просто советовал сделать подложку под вашу gif-картинку, или как уже посоветовали - редактором графическим обработать каждый слой, потом до кучи заново собрать gif-ку.
В общем, ничего сложного я в этом не вижу, если вы замахнулись на пропись стилизации - таких стилей я что-то не припомню, а в графических редакторах чего хочешь замутить можно (как и сказал, разбить на кадры, отредактировать их, наложив тень, потом собрать обратно в gif-ку - для этого даже редактор не требуется, есть онлайн-сервисы, которые собирают gif из нескольких картинок, задаются свои эффекты и анимация). UPD.: начал писать про эффекты, потом вспомнил, что возможности HTML5 позволяют многое, погуглисть "эффекты canvas" "canvas свечение" - а так, я с ними не работал (это я к тому, что обработать можно без редактора графического, особенно когда речь идёт о присвоении такового вот вида свечения каждой картинке на странице, чтобы каждую редактировать отдельно в графическом редакторе не пришлось... были бы знания, в вашем же случае - придётся редактировать с помощью редактора графического, наверное, + свои заморочки есть в работе с растровыми\векторными изображениями, а у вас ко всему прочему еще и GIF-анимация). Сообщение отредактировал -SAM- - Вторник, 23 Июн 2015, 01:44:07
|
Знаю что можно сделать маску
у блока будет контур как у картинки, то есть в изображении что нарисовано это будет видимая часть блока, прозрачный фон у картинки это будет и невидимая часть блока. Можно сделать на картинку маску саму на себя. Но вот box-shadow чот не работает с этим |
| |||
| |||