by HTML5 & CSS3

Awesome Scrolling Effects with CSS3

Hakim El Hattab (, a very talented developer and programmer, has created a set of awesome scrolling effects with CSS.

The effects are all CSS-only and a simple JavaScript function helps attaching/removing classes to elements.

Currently, there are 10+ effects and, as expected, they are WebKit + Firefox-only but degrade nicely on incompatible browsers.

CSS3 scrolling effects

You should also check the experiments page of to see various other exciting stuff.

Compatibility: WebKit & Firefox


We hope, We will become the best, creative and inspiring community for web and graphics. Join Us! Can be part of the growing Team. Just write something Creative and Interesting. Click here to become a member.


Trackbacks to this post.
Leave a Reply

Copyright © 2020 Freebies, Free Fonts, WordPress Themes, Logos & Tutorials. All Rights Reserved.
Powered by Wordpress.
About Us | Advertise | Write For Us | Contact Us