I've e across a number of parallaxing tutorials (this one in particular I'm looking at now: /); however, they all seem to involve a background image in a <div> that's fixed. Is is possible to achieve a similar parallax effect if my image is in a <img> tag?

I've e across a number of parallaxing tutorials (this one in particular I'm looking at now: http://net.tutsplus./tutorials/html-css-techniques/simple-parallax-scrolling-technique/); however, they all seem to involve a background image in a <div> that's fixed. Is is possible to achieve a similar parallax effect if my image is in a <img> tag?

• javascript
• html
• css
• parallax

• Sure, they're both elements, they both can be positioned with CSS, and they both can be repositioned with JavaScript. – user2437417 Commented Jun 30, 2013 at 17:54
• The reason for background image is that it's CSS-only solution. Other solutions require using Javascript. – jave.web Commented Sep 17, 2018 at 0:05

1 Answer 1

Provided you use the same attributes then yeah sure it can

An example of this can be seen here: http://webdesign.tutsplus./tutorials/plete-websites/create-a-parallax-scrolling-website-using-stellar-js/