falconhell Posted September 26, 2012 Share Posted September 26, 2012 Hi, I've had a great idea for a website, and I think the page that Ebay has created for it's new logo is very interesting. I'm just wondering if anyone could give me any insight on how to recreate it. http://pages.ebay.co.../new/index.html I sort of gather that the logo you can see through the gaps is set as the main bg, fixed and the front section just scrolls past it. Two main questions, How do they get the 'front' div to fill the page How do they get the bg to change as you scroll down the page. Thanks! :) Link to comment Share on other sites More sharing options...
0 Xoligy Posted September 26, 2012 Share Posted September 26, 2012 Looks like one giant div with 5 holes in for the 5 bg images, you can find the css here: http://pages.ebay.com/announcements/new/css/all.css parts your looking for are: .layout-logo .info-section .layout-logo #image-1 .visual-section .visual-holder I think, but im no wizz kid so maybe someone can exaplin better than just looking at the code lol Link to comment Share on other sites More sharing options...
Question
falconhell
Hi, I've had a great idea for a website, and I think the page that Ebay has created for it's new logo is very interesting. I'm just wondering if anyone could give me any insight on how to recreate it.
http://pages.ebay.co.../new/index.html
I sort of gather that the logo you can see through the gaps is set as the main bg, fixed and the front section just scrolls past it.
Two main questions,
How do they get the 'front' div to fill the page
How do they get the bg to change as you scroll down the page.
Thanks! :)
Link to comment
Share on other sites
1 answer to this question
Recommended Posts