Multiple Background Images Crossfade Animation using GenerateBlocks (CSS-only ⚡ No Javascript!)

In this tutorial, I'll share a CSS-only solution for creating a section with multiple background images that crossfade on repeat.

This is a simple solution that shouldn't hurt your performance (other than loading 3 images instead of 1 — just be sure to optimize your images!) since we don't have to introduce any new plugins or Javascript.

You can find the code I used in this tutorial here: https://generatetweaks.ogal.dev/cross...

Note: I did find some "mistakes" in the video I chopped out to simplify things (nothing major). The code linked above is the most accurate version (and you might notice there is some EXTRA code in the video that ended up not being necessary. I apologize for this — this was take #3 and I just couldn't stomach doing it again 😅. It was either make these concessions or dump the whole video in the bin.

Slowly getting better at this video tutorial thing — but it hasn't been easy for me! Thanks for understanding!

Get GeneratePress: https://theadminbar.com/generatepress/ (affiliate)

Get GenerateBlocks: https://theadminbar.com/generateblocks/ (affiliate)

Website Ipsum - Lorem Ipsum for Clients: https://websiteipsum.com/

TextExpander: https://theadminbar.com/textexpander (what I use to put in Website Ipsum with a keyboard shortcut) (affiliate)

[ Video Created and Produced by Kyle Van Deusen ]

👏 COMMUNITY

Join our free community: https://theadminbar.com/group/
(voted best WordPress community!):

🔴 EVENTS

See past and upcoming live interviews & workshops: https://theadminbar.com/events/

🎁 PRODUCTS

Sell more care plans with The Website Owner's Manual: https://theadminbar.com/products/wom/

Write proposals in less than 15 minutes with this template: https://theadminbar.com/products/easy...

Fill your prospect pipeline in this 3-week challenge: https://theadminbar.com/products/pros...

5 Airtable templates I use to run my agency: https://theadminbar.com/products/agen...

📨 NEWSLETTER
Stay up-to-date with the best from in and around The Admin Bar: https://theadminbar.com/friday-chaser/

🤖 MISC

Visit our website: https://theadminbar.com

Product endorsements: https://theadminbar.com/products/#end...

Kyle on Twitter:   / kylevandeusen