Hi!
I was wanting to know how this effect was achieved across this website. The images jump and resize (pop) to a defined size when the browser size changes.
http://elanaschlenker.com/
Any ideas on how this is achieved, I'm hoping to implement something like this. Greatly appreciated!
Cheers Niplo!
It is using css media queries. See - Responsive design
Thanks for pointing me in the right direction!
So basically it's just defining properties in the css within various media queries:
eg:
@media only screen and (min-width: 960px) {
.box { width:720px; }
}
Yes it is. CSS specifically for the width of the browser!
Hi!
I was wanting to know how this effect was achieved across this website. The images jump and resize (pop) to a defined size when the browser size changes.
http://elanaschlenker.com/
Any ideas on how this is achieved, I'm hoping to implement something like this. Greatly appreciated!
Cheers Niplo!
It is using css media queries. See - Responsive design
Thanks for pointing me in the right direction!
So basically it's just defining properties in the css within various media queries:
eg:
@media only screen and (min-width: 960px) {.box { width:720px; }}Yes it is. CSS specifically for the width of the browser!