Divi Block: Pre-Loader

For premade blocks that requires guidance, we did put up instructions in the Visual Builder.

Kindly refer the screenshot below to see how it looks in the Visual Builder & the instructions on how to change the ending animation:



Here's the instruction text in blue:

Preloader ending animation can be set at this Section Settings > Advanced > CSS Class. List of animation CSS Class available: dh-p-fade / dh-p-fade-zoom / dh-p-slide-up / dh-p-slide-down / dh-p-slide-left / dh-p-slide-right / dh-p-slide-up-zoom / dh-p-slide-down-zoom / dh-p-slide-left-zoom / dh-p-slide-right-zoom / dh-p-split-horizontal / dh-p-split-vertical / dh-p-split-left / dh-p-split-right / dh-p-split-top / dh-p-split-bottom / dh-p-bars-up / dh-p-bars-down / dh-p-bars-left / dh-p-bars-right / dh-p-bars-fade-vertical / dh-p-bars-fade-horizontal / dh-p-bars-shrink-left / dh-p-bars-shrink-right / dh-p-bars-shrink-up / dh-p-bars-shrink-down

To make it fade, then just replace the existing dh-p-bars-shrink-right to dh-p-fade

And since you're using fade, you might not need the second layer of ending animation. You can just proceed to delete the second layer section.

Let me know if you need any further clarification.