Как реализовать эффект подмены слов?

Question

[LastGeneral]

<h4 class="cd-headline clip extra-text">
                    <span class="blc">Мы</span>
                    <span class="cd-words-wrapper" style="width: 232px;">
                              <b class="is-visible">эффективная</b>
                              <b class="is-hidden">креативная</b>
                              <b class="is-hidden">профессиональная</b>
                            </span>
                    <span class="blc">команда! </span>
                </h4>

Comments

[Пашенька]

Вы же креативная профессиональная команда! Придумаете что-нибудь!

[Шохрух Шаймардонов]

Что это за эффект такой. И как вы думаете что ваш кусок кода должен дать людям?

Answer 1

[Natalia ivanova]

Посмотрите здесь https://codepen.io/webinspect/pen/WvGXEZ

Думаю, это можно взять за основу и, поиграв со свойством translate, достичь нужного результата.