029
Words Shifting
In this effect, we’re adding a random translation to certain words within a paragraph to bring it to life. The movement will be triggered by the user’s scroll. I really love this effect and the fact that the result is different every time the page loads. Let’s break it down!
HTML Structure
Nothing complicated here: our component contains a p tag with the paragraph we want to animate.
<section class="mwg_effect029">
<p class="paragraphe">At Soundtrack we believe music unites and inspires, which is why our new label is dedicated to amplifying...</p>
</section>