Comments on: Parallax Hero Image A free library of HTML/CSS/Javascript resources to boost your web projects and learn new tricks. Tue, 07 Nov 2017 15:34:59 +0000 hourly 1 By: JohnDrach Fri, 02 Dec 2016 20:31:00 +0000 Is there a way to make the background image full screen? It’s kind of hard to use if there is a block of nothing at the bottom. I was trying to adjust but can’t seem to get it to work

By: Jay Emblem Mon, 21 Nov 2016 05:45:00 +0000 How can you make this work in squarespace? i can’t figure it out. Thanks!

By: Pascal Pixel Mon, 31 Oct 2016 16:21:00 +0000 As an alternative to the method in this article, you can also just change the transform-origin based on the mouse position, meaning you’ll only need a single line of js:

$(document).mousemove(function(e){ $(‘.perspective’).css({ perspectiveOrigin: Math.floor((e.pageX / $(this).width()) * 100) + ‘% ‘ + Math.floor((e.pageY / $(this).height()) * 100) + ‘%’ }); });

By: Claudia Romano Fri, 15 Jul 2016 16:25:00 +0000 Hi there, just tested it on Chrome 51 (Mac) and it’s working just fine. What issue are you experiencing? And are you testing our demo or a local version? thanks

By: Claudia Romano Fri, 15 Jul 2016 16:03:00 +0000 @rmdproduction:disqus @yehudamenahem:disqus thanks for the heads-up! Fixed now ;)

By: RMDProduction Mon, 27 Jun 2016 18:42:00 +0000 HI, ive tried your code but it dosent word for me :/
could you explain it “more” ? :)
Here s my rotateX :
rotateX = ((event.pageY-$(“cd-background-wrapper”).position().top-halfWindowH)/halfWindowH)*maxRotationX;

By: Brandyss Nikol Adams Fri, 06 May 2016 18:21:00 +0000 This doesn’t work in the latest Chrome for me…is there something I am missing?

By: Yehuda Menahem Tue, 05 Apr 2016 10:18:00 +0000 Hey,
The solution is in the javascript file when you set the RotateX. notice –> X (not the Y)
if you image is position not in the top of the window,
Now the event.pageY(now it’s the Y :) taking the position of the mouse from top of the window
You need the position of the mouse from the top of the element:
instead of

It will work