I would like to know how to get the effect on this site:
http://www.pickledwalnutcatering.co.uk/
Thanks!
Something like this?
Note: I used Sass for this. To see the CSS, click the Sass text at the top of the text box on CodePen.
Hey Rosspenman, thanks for sharing that code...This is the effect I wanted but I was wondering if there was a javascript code to have each div automatically scale 100% height of the window depending on the screen size.
That's CSS as well, background-size: cover;
background-size: cover;
Edit: nevermind, I need sleep... that is JavaScript indeed.
See http://www.pickledwalnutcatering.co.uk/resources/js/script.js , the resizingStuff function is what you need, bind to load and resize events.
Hey, I took rosspenman's code and elaborated on it with some jquery I found online...here is the end result that I was looking for:
http://jsfiddle.net/mdyorke/XyKA6/1/
Thanks for the help!
I would like to know how to get the effect on this site:
http://www.pickledwalnutcatering.co.uk/
Thanks!
Something like this?
Note: I used Sass for this. To see the CSS, click the Sass text at the top of the text box on CodePen.
Hey Rosspenman, thanks for sharing that code...This is the effect I wanted but I was wondering if there was a javascript code to have each div automatically scale 100% height of the window depending on the screen size.
That's CSS as well,
background-size: cover;Edit: nevermind, I need sleep... that is JavaScript indeed.
See http://www.pickledwalnutcatering.co.uk/resources/js/script.js , the resizingStuff function is what you need, bind to load and resize events.
Hey, I took rosspenman's code and elaborated on it with some jquery I found online...here is the end result that I was looking for:
http://jsfiddle.net/mdyorke/XyKA6/1/
Thanks for the help!