如何更改Morphext旋转文本的颜色和大小？

Question

我正在使用Morphtext插件。我想更改旋转文本的文本颜色和大小。 CSS属性不适用于这些文本。我怎样才能做到这一点？

Html代码：

<h3>I am <span id="js-rotating"><span class="red">John</span>, <span class="blue">Sam</span>, <span class="yellow">Lee</span></span>
</h3>

这是CSS代码：

.red {
        color: red;
    }

    .blue {
        color: blue;
    }

    .yellow {
        color: yellow;
    }

JS代码：

<script>
    $("#js-rotating").Morphext({
        animation: "bounce",
        separator: ",",
        speed: 2000
    });
</script>