Adding faded border to container panel

Vfxdude » BigFeature

Adding faded border to container panel

(4 posts) (2 voices)

Started 10 months ago by scastbury
Latest reply from vfxdude

Tags:

No tags yet.

scastbury
Member

Hi all,

Does anyone know how I would add a faded border to my container panel?

http://chasingunicorns.co.uk/

Many thanks in advance!

Sam

Posted 10 months ago #

vfxdude
admin

#container {
    border-radius:4px;
    border: 10pt solid rgba(0,0,0,0.5);
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
}

Posted 10 months ago #

scastbury
Member

Ah great thanks! Not exactly what I was imagining but looks good none the less!

Would there be an easy solution for fading the white out? Much like a 'feathering' effect?

Thanks again,

Sam

Posted 10 months ago #
vfxdude
admin

Would there be an easy solution for fading the white out? Much like a 'feathering' effect?
Nope.

Changing the above code (just the border) to this will fade it a bit though:
border: 10pt solid rgba(255,255,255,0.5);

Posted 10 months ago #

RSS feed for this topic

Reply

You must log in to post.