bolshevik
bolshevik

Reputation: 153

Does anyone know how to getr this background effect with css?

I am trying to create a site with a similar background to this website's.

http://citymob.co.za

Does anyone know how it is done?

Upvotes: 0

Views: 41

Answers (2)

Yash
Yash

Reputation: 102

I would say, take a look at the source of the web site and analyze the code. (in your browser, right click --> view source)

The web page's container uses class bg9, located in an external .css file, which refers to some image. Usually websites use external images as backgrounds for good, appealing aesthetic looks.

Upvotes: 0

Kyle
Kyle

Reputation: 67194

If you're talking about the page backround, it's done by using a large background image n one absolutely positioned div that covers the entire screen, with another absolutely positioned div with a repeating dots background layered over the top.

If you're talking about the see through effect of the main elements on top of the two bg images, this can be done with either opacity: .5;/*value*/; or background: rgba(125, 125, 125, .5)/*grey half opaque*/.

You can take a look for yourself by hitting F12 (in a good browser, IE's dev tools are shamefully bad) and taking a look at the markup and CSS.

Upvotes: 1

Related Questions