Streaming live at 10am (PST)

Make background image bigger than the div?


#1

My landing page needs to be 100vh / 100vw with no scrolling. The background is an image with a parallax effect so when the mouse moves the image moves.

I'm struggling to work out how to make it work. For the parallax image, I currently have:

min-height: 100vh;
min-width: 100vw;
The page is 100vh/100vw, as I need it to be.

The problem is that when the image moves (on mouse move), it no longer covers the page. I need to make the image bigger so that it covers the entire page at all times, but I need to preserve a full screen page without scrollbars.


#2

I cant help but I wanted to say I love the creativity. Super cool. It's going to look great.

I hope someone can help you.


#3

Cool idea.

Do this with the settings of your background image.


#4

haha than you :blush:


#6

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.