Join Join
Join

112Explosive list

In this effect, each headline line explodes as it reaches the centre of the screen. The letters fly outward, fade away, and snap back into place when we scroll up. Ready to see how it works? Let’s dive in!

HTML Structure

The structure is relatively simple. A titles division holds one paragraph per headline: those are the lines we will explode one after another:

<section class="mwg_effect112">
    <div class="titles">
        <p>Explosive effects</p>
        <p>Detonated ideas</p>
        <p>Visual blast</p>
        <p>Controlled chaos</p>
        <p>Break expectation</p>
        <p>Highly reactive</p>
    </div>
</section>

Become a member to unlock
the full effect today.

Join now Join now

Discover the platform

See how the platform works: try our free effects.

Try it now Try it now

(No registration or credit card needed)