Gradient Border fade surrounding div with css/html?

So as Tim there already said it, if the width of your website is static, you can do something like that ( In fact even if css3 may be good option for your usage case This is super simple... ).

So as Tim there already said it, if the width of your website is static, you can do something like that ( In fact even if css3 may be good option for your usage case This is super simple... ) jsfiddle.net/Xtw84/3/ - this is from a prior answer so the edges are not soft but the idea is the same. ( doesn't matter ) I also added image in the background so you can see how that would work. Theres no need.. actually makes no sense to slice the background image in half.

Heres a bit more stripped down version of it. jsfiddle.net/Xtw84/4/ With css3 I would do this with box-shadow and just expand the shadow as much as needed.

Yes that's the CSS3 solution I found. – Lylat Wars Sep 9 at 8:26.

E.g. It will grow in width/height? If it isnt going to grow in width, then there is no reason that you can not just set the background image.

For what you are doing, I wouldn't use gradient borders and just stick with the images in the background.

It won't grow in width, but it will in height, and that's why I just used "100%", so that it'd change with the browser's height. If it grows in width, can't I just set the top border and width border to be 100% of the container so that'd change along with the browser too? Thanks for the quick response.

– Lylat Wars Sep 9 at 8:15 @LylatWars So, you want the content area to always "stretch" to the bottom even if actual content height doesn't reach to the bottom? In my answer which is more or less same one as Tim's answer but with an example.. In it the content area does have fluid height and the height of it is determined by the amount of the content. – Lollero Sep 9 at 8:24 @Lollero, Ah I get you, sorry tad slow, splitting it into 3 images would handle the fluid height, I'm assuming the way I've done it also handles fluid width, but most of the time it's not really needed to have a fluid width... alrighty, thanks.

– Lylat Wars Sep 9 at 8:37 @LylatWars Yes, thats exactly how it is. – Lollero Sep 9 at 8:40.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions