Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
- CommentAuthorstuccosalt
- CommentTimeNov 19th 2007
I'm using this on a site I'm building - it's not anything terribly complicated, mainly I was bothered by the way the text on a page looked as it hit the bottom of the browser window, and I wanted to soften it.
Came a with a handy technique I've already thought of several uses for -- it's CSS based, positions 10 different DIVs stacked at the bottom of the page, with a z-index higher than the page content. Each is 100% width and only 3-4 pix high, all are empty with white backgrounds.The opacity filters are set so the bottom DIV is 100%, the next highest is 90%, then 80, etc down to 10%.
As the page content slides behind these DIVs, which begin at only 10% white and increase, it makes the content appear to gradually fade away for a much more elegant feel. You can see an example on the (unfinished) site I first used it on here: http://www.asbpe.org/chapters/newcleve/home.html -
Cool technique, thanks for sharing!! I hope it validates
-
- CommentAuthorfransgaard
- CommentTimeNov 20th 2007
Nice but it doesn't seem to work in IE6 and if it doesn't work in IE6 anyway, wouldn't it be easier to do with just a simple transparent PNG, fixed to the bottom? -
It should work in IE6 (if filters are set). And a png should also work crossbrowser
Interesting nevertheless... never thought of smoothening the edge of the browser... don't know if it won't actually harm the perception of the page -
- CommentAuthorflippy1234
- CommentTimeNov 27th 2007
looks nice and all.. but wouldn't a png be much MUCH easier?
1 to 5 of 5