Fade-Out Bottom
Subtle effect - the text at the bottom of the page fades away. Even as you scroll the page content up and down, it appears as if it fades away into the bottom of the page.

License Info: See authors url
Submitted: 1 Year, 1 Month, 2 Weeks, 2 Days, 18 Hours, 53 Minutes ago
Submitter: avatar  aycarumba
Style Rating:

6.8/10 (6 votes cast)


Style Author: Chris Coyier
Author's URL: http://css-tricks.com/

Demo URL: http://css-tricks.com/examples...

Resource Files

filetype   bottom-fade.png  [3.8 KB]
filetype   FadeOutBottom.zip  [6.3 KB]

save all   download all files as a zip

Code Snippets 
#bottom_fade {
	z-index: 99;
	position: fixed;
	bottom: 0%;
	background-image: url("bottom-fade.png");
}

<div id="page_wrap">
...
	<div id="bottom_fade"></div>
</div>


Comments (0)
No comments have been posted for this style

Add A Comment


Some bbcode allowed - [code][/code], [b][/b]

Name:
 (required)
Email:
 (required - will not be published)
Website:
Comment:
Security Code: Enter the characters in the green box

Visual CAPTCHA