What is The Best Way to Make Parallax header effect for wordpress theme ?? pure CSS or using JavaScript?

I'm new in wordpress theme development, I want ask some question here, I want to make a parallax effect for my theme header like this:

TestParallax.com

this is made by using some JS code, I want to know what is the best way for WP Theme ?? using pure CSS or using JS ?? what is the most compatible for web browser ?? please help me guys ..

Topic browser-compatibility css theme-development themes Wordpress javascript

Category Web

1
answered at

You can create Parallax effect for header using pure CSS as well as jQuery. The difference between them is the loading time. CSS will load much faster than jQuery. Implementing a feature will depend on the developer/owner of the theme how they want the feature to be. My preference is that you use pure CSS rather than jQuery.

Below are the two examples one with pure CSS and other with jQuery combination:

  1. Pure CSS
  2. jQuery

Please let me know if you have any query.

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.