Resizing background images, without moving them

I’ve written this tiny thing here https://jsfiddle.net/34tsdx6r/1/

My aim is to resize a div, while keeping the background images fixed in position, creating the illusion that the lighter image moves over the darker image. What would be the correct code to get that effect? I would apperciate any help.

Google something similar to ‘parallax scrolling’ to read additional information on what you’re describing.

1 Like

parallax scrolling is not exactly it, it don’t intended to scroll I intend to have the element resized by user input dragging with mouse or touch.