CODEWITHSUNDEEP
phpjavascripthtmlweb
sirkyuubi
sirkyuubi

Reputation: 1

I'm having trouble with templates

I'm having trouble figuring out how some websites templates are designed. Specifically speaking, the gradient parts. Look at this site as an example:

Gradient example site

If you right click on any of the gradients on this website and view that element's background you will notice that the background is in a gradient grayscale. But when the page is loaded it shows a blue gradient. Why doesn't the background show in a blue gradient just like the page shows? (I think I sound like a noob for asking, but I must know.)

Upvotes: 0

Views: 74

Answers (2)

Mihai Iorga
Mihai Iorga

Reputation: 39724

It uses 2 layers.

  1. the main wrapper with it's colored background.
  2. inner wrapper with an 50% alpha channel image with gray gradient.

See example here

Upvotes: 2

Bart Friederichs
Bart Friederichs

Reputation: 33533

It probably has an alpha channel set and a coloured background.

Tip: use a tool like Firebug (https://addons.mozilla.org/nl/firefox/addon/firebug/) to figure stuff like this out (that's how I did it ;-)).

Upvotes: -1

Related Questions