Fade between sections instead of scroll

[ad_1]

Hey, can anyone help me with a simple way to create the fade between sections effect found in this website: [http://ragtagcollective.com])

As you can see, the when a menu item is clicked, the site fades to the new section, while still staying the same page (with the exception of the landing page). I have built my one page scrolling website with astra and elementor, but I want to switch over to the clean navigation this site.

Thanks

[ad_2]
1 Comment
  1. The site’s using fade-in transitions which you can achieve with CSS e.g.

    `.fade-in {`

    `animation: fadeIn ease 10s;`

    `-webkit-animation: fadeIn ease 10s;`

    `-moz-animation: fadeIn ease 10s;`

    `-o-animation: fadeIn ease 10s;`

    `-ms-animation: fadeIn ease 10s;`

    `}`

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer