Tag: Parallax

Parallax div element’s scrolling effect with jQuery using CSS transform

Give floating parallax effect to div elements by manipulating the elements’ y-position with jQuery and CSS transform. You must have seen this effect on many websites as it’s very popular, and I…

Background image moving horizontally as scrolling down

Code

Make a background image move horizontally as you scroll down with simple jQuery. Parallax effects are a brilliant trick to use when you want to show off a beautiful image. It’s visually…

Header Image Parallax Scrolling Effect with CSS

Code

I am going to create a parallax scrolling effect using CSS background-image position. When we create a parallax image banner with CSS we usually use ‘background-attachment: fixed;’ style. I like the fixed…