Using CSS for a fade-in effect on page load

Method 1: If you are looking for a self-invoking transition then you should use CSS 3 Animations. They aren’t supported either, but this is exactly the kind of thing they were made for. CSS Demo http://jsfiddle.net/SO_AMK/VV2ek/ Browser Support All modern browsers and Internet Explorer 10 (and later): http://caniuse.com/#feat=css-animation Method 2: Alternatively, you can use jQuery (or plain JavaScript; see the … Read more

CSS opacity only to background color, not the text on it?

It sounds like you want to use a transparent background, in which case you could try using the rgba() function: rgba(R, G, B, A) R (red), G (green), and B (blue) can be either <integer>s or <percentage>s, where the number 255 corresponds to 100%. A (alpha) can be a <number> between 0 and 1, or … Read more

CSS Background Opacity [duplicate]

Children inherit opacity. It’d be weird and inconvenient if they didn’t. You can use a translucent PNG file for your background image, or use an RGBa (a for alpha) color for your background color. Example, 50% faded black background:

CSS Background Opacity [duplicate]

Children inherit opacity. It’d be weird and inconvenient if they didn’t. You can use a translucent PNG file for your background image, or use an RGBa (a for alpha) color for your background color. Example, 50% faded black background: