{"id":21265,"date":"2013-10-07T00:26:33","date_gmt":"2013-10-07T04:26:33","guid":{"rendered":"http:\/\/webdesignledger.com\/?p=21265"},"modified":"2015-09-01T13:23:19","modified_gmt":"2015-09-01T20:23:19","slug":"inspiring-parallax-scrolling-sites","status":"publish","type":"post","link":"https:\/\/webdesignledger.com\/inspiring-parallax-scrolling-sites\/","title":{"rendered":"17 Inspiring Examples of Parallax Scrolling Sites"},"content":{"rendered":"<p>When it comes to parallax scrolling sites, the line that separates good and bad choices is pretty thin. A while back parallax was being used to deliver an explosion of elements floating around the screen, and a lot of times the websites using the effect were a bit overwhelming. Fast forward a couple years, polish the idea and keep in mind that the &#8220;less is more&#8221; concept also works for parallax, and you have websites with elegant scrolling effects &#8211; like the ones we&#8217;ve rounded up for this post.<!--more--><\/p>\n<h3><a href=\"http:\/\/themetrust.com\/demos\/baylie\/\" target=\"_blank\">Baylie WordPress Theme<\/a><\/h3>\n<p><a href=\"http:\/\/themetrust.com\/demos\/baylie\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax01.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax01.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/brokentwill.co.uk\/\" target=\"_blank\">Broken Twill<\/a><\/h3>\n<p><a href=\"http:\/\/brokentwill.co.uk\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax02.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax02.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.theqcamera.com\/\" target=\"_blank\">theQ camera<\/a><\/h3>\n<p><a href=\"http:\/\/www.theqcamera.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax03.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax03.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.bettybetty.de\/\" target=\"_blank\">Betty and Betty<\/a><\/h3>\n<p><a href=\"http:\/\/www.bettybetty.de\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax04.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax04.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/scytale.pt\/\" target=\"_blank\">Scytale<\/a><\/h3>\n<p><a href=\"http:\/\/scytale.pt\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax05.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax05.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.srgint.com\/\" target=\"_blank\">Srgint<\/a><\/h3>\n<p><a href=\"http:\/\/www.srgint.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax06.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax06.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/cyclemon.com\/\" target=\"_blank\">Cyclemon<\/a><\/h3>\n<p><a href=\"http:\/\/cyclemon.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax07.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax07.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/sojournnetwork.com\/\" target=\"_blank\">Sojourn Network<\/a><\/h3>\n<p><a href=\"http:\/\/sojournnetwork.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax08.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax08.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.thisisnowexhibition.com\/\" target=\"_blank\">This is Now<\/a><\/h3>\n<p><a href=\"http:\/\/www.thisisnowexhibition.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax09.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax09.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/lunita.ca\/\" target=\"_blank\">l&#8217;unita<\/a><\/h3>\n<p><a href=\"http:\/\/lunita.ca\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax10.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax10.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/fall.tnvacation.com\/\" target=\"_blank\">Fall in Tennessee<\/a><\/h3>\n<p><a href=\"http:\/\/fall.tnvacation.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax11.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax11.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.madebyblock.com\/\" target=\"_blank\">Made by Block<\/a><\/h3>\n<p><a href=\"http:\/\/www.madebyblock.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax12.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax12.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/sonyclassics.com\/killyourdarlings\/\" target=\"_blank\">Kill your Darlings<\/a><\/h3>\n<p><a href=\"http:\/\/sonyclassics.com\/killyourdarlings\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax13.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax13.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/waaac.co\/\" target=\"_blank\">WAAAC<\/a><\/h3>\n<p><a href=\"http:\/\/waaac.co\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax14.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax14.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"https:\/\/www.spotify.com\/us\/\" target=\"_blank\">Spotify<\/a><\/h3>\n<p><a href=\"https:\/\/www.spotify.com\/us\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax15.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax15.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/serveseattle.org\/#slide-two\" target=\"_blank\">Serve Seattle<\/a><\/h3>\n<p><a href=\"http:\/\/serveseattle.org\/#slide-two\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax16.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax16.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.codetex.com\/\" target=\"_blank\">Codetex<\/a><\/h3>\n<p><a href=\"http:\/\/www.codetex.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax17.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Parallax Scrolling Sites\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/10\/parallax17.jpg\" alt=\"17 Inspiring Examples of Parallax Scrolling Sites\" \/><\/noscript><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When it comes to parallax scrolling sites, the line that separates good and bad choices is pretty thin. A while back parallax was being used to deliver an explosion of elements floating around the screen, and a lot of times the websites using the effect were a bit overwhelming. Fast forward a couple years, polish [&hellip;]<\/p>\n","protected":false},"author":492,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,479],"tags":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts\/21265"}],"collection":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/users\/492"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/comments?post=21265"}],"version-history":[{"count":0,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts\/21265\/revisions"}],"wp:attachment":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/media?parent=21265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/categories?post=21265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/tags?post=21265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}