如何使用CSS3连续旋转单词？

Question

我想用CSS3代码在browaer上连续旋转单词（jawad）”

我下面是CSS3的代码

        @-webkit-keyframes rotation {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

        .rotating {
            -webkit-animation: rotation 2s infinite linear;
            transition-property: transform;
            animation-name: rotate;
            animation-duration: 2s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }


    ......................................................................
        <section class="figure-section">
            <figure class="figure">
                <div class="container">
                    <div class="row text-center">
                        <div class="col-12">
                            <h3 class="text-uppercase text-black ">Made by<span class="rotating">Jawad</span></h3>
                        </div>
                    </div>
                </div>
            </figure>
        </section>