Hi! I'm not a very skilled html/css coder, but today, I've visited a website with a feature that really impressed me, since I can't realize how it works and I'm really looking forward to learn that "technique".
It's all about images not getting resized with browser's zoom, but with its size. (Yes, I know... Its something UBER easy for sure, but again, I'm not that skilled)
I mean, if you set the browser window to "windowed" then you can see the image is going bigger, but if you CTRL + rolling down the mouse scroll wheel you can see the image size isn't being affected... It is an awesome way to display backgrounds IMO, and I really can't realize how this works, can some skilled coder explain me a little better how to achieve that kind of behavior?
Which div's structure is that site following along with CSS class to get that?
When zooming a website like http://facebook.com you can see the whole website is getting re-sized, but in this case (http://theuprisingcreative.com/) those images aren't being re-sized with the rest of the website, ex:
Zoom at 100%:
Zoom at 33%:
Thanks in advance