Make a background image bigger than the browser window

Hi,

I have a background image teh fills the entire browser window. I have set it to "cover" - so that it stretches to fill the window

I want to create a parrallax effect whereby it moves with mouse movement, So to do this i think i need to make the background image larger than the browser window, so that it has room to move left and right

How can i achieve this?
coolispaulAsked:
Who is Participating?
 
Tej Pratap Shukla ~DexterConnect With a Mentor Server AdministratorCommented:
Hey coolispaul
You can achieve this by altering background image height and width , but overall the background image would look pixelarated .I have a solution that you could achieve somewhat "parallax" effect :
just modify the css by creating an id
#example{
  background-image:url(abcd.jpg);
      background-attachment:fixed;
background-size:cover;
}
you can call this id from body , eg : <body id="example">
Feel free to revert back for further query

Thanks
~Dex
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.