same page transparent intro

2 comments

1. This is quite simple, but pointless IMHO:

   Create a div wherever you want the image located:

   <div id="hello"><img src="http://tonkapark.com/projects/hello.png"></div>
   

   Then you just use .fadeOut() on the element. Standard & simple jQuery

   References:

   • http://api.jquery.com/fadeOut/
   • http://www.barelyfitz.com/screencast/html-training/css/positioning/

   Log in to Reply

2. Have you tried using rgba values?

   Example:

   div { background: rgba(200, 54, 54, 0.5); }

   If you need some animations, check out this cool css library which it is very easy to use.

   enter link description here

   Log in to Reply