Accordion Cross Fade Background Images

Accordion Cross Fade Background Images

Just launched! Checkout the CSS Course for Elementor users.

Table of Contents

In this project, we will be creating this accordion that changes the background image of the entire section, with CSS only!


  • Uses the default Elementor Accordion Element
  • We will practice CSS pseudo-elements, positioning and transitions
  • The technique is universal, and could be used in several other scenarios as well

Video playlist

Get the full CSS course now to unlock this chapter, and 50+ others. also provides premium tutorials showing awesome advanced designs, check them out here.

Looking for something else? Search across 2445 Elements right here:

Checkout the Elementor Addon Finder directly


Leave a Reply