Blurry Image on login widget

Technical Details

Forum version : #PunBB
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Other
Screenshot of problem : https://2img.net/h/oi66.tinypic.com/1534dw8.png
Who the problem concerns : All members
Forum link : http://onepiecegr.forum-pro.org/

Description of problem

Hello once more.

I have this login widget on my forum which is like a wanted poster on One Piece ( i kind of customized it this way). Thing is that i want the avatar to be more blurry to the corners. I want it to seem like the avatar is mixing with the Poster.

I need an effect similar to this one!

the grey space you see between the avatar and the wanted poster is my fail attempt to make such a thing.

this is the whole script:

Spoiler:

anybody?

Code:

box-shadow: 0px 10px 6px #000 inset,}

Just add the right div name to the start of the code and change the 0px and 10px and so on to your liking

APE wrote:

Code:

box-shadow: 0px 10px 6px #000 inset,}

Just add the right div name to the start of the code and change the 0px and 10px and so on to your liking

works good on mozzila, but not in chrome, in chrome it makes a grey... thing between the avatar and the poster, just like the picture I have in the topic

Thats the problem chrome and some other browsers don't support this and there is nothing we can do about it sorry

APE wrote:Thats the problem chrome and some other browsers don't support this and there is nothing we can do about it sorry

well that's ok, I will leave it as it is then, do you have any alternative suggestions yourself? something that might fit and work on all browsers?

try using this

Code:


{
  -moz-box-shadow:    inset 0 0 10px #000000;
  -webkit-box-shadow: inset 0 0 10px #000000;
  box-shadow:        inset 0 0 10px #000000;
}



_Twisted_Mods_ wrote:try using this

Code:


{
  -moz-box-shadow:    inset 0 0 10px #000000;
  -webkit-box-shadow: inset 0 0 10px #000000;
  box-shadow:        inset 0 0 10px #000000;
}



That's close enough of what I want! and works for all browsers too! Thanks a bunch

your welcome.. can this be closed?