I am trying to get a rollover effect on my front page of a website I’m working on and it’s not working correctly. I’m sure I’ve looked at it too long and just need to step away, but I figured I’d ask.
What I need is the image (the iPad in this case) to darken and also the thumb to come in from the left and leave to the left on the hover. I can get it all, but for whatever reason the thumb is using the upper left of the page as it’s starting point. I want the thumb to appear from the edge of the iPad, not the page. I hope this makes sense?
Here’s what I have in [jsFiddle](//jsfiddle.net/4Dfpm/326/ “jsFiddle”) so far. I have the margin on the ipad set to 100 and 100 (left and top) to show that the thumb isn’t linked to the iPad like I want it to be.