GSAP插件：Text

基础用法示例

See the Pen TextPlugin From() by GreenSock (@GreenSock) on CodePen.

使用gsap.to()的时候文字的顺序是正的，gsap.from()的时候，文字动作是反向的。

See the Pen TextPlugin - basic by GreenSock (@GreenSock) on CodePen.

See the Pen TextPlugin - basic by GreenSock (@GreenSock) on CodePen.

高级用法

给text属性传值一个对象，可以进行更多细节上的操作：

gsap.to(yourElement, {
    duration: 1,
    text: {
        value: "Your new text",
        newClass: "class2",
        delimiter: " "
    }
});

• value：设置的字符串内容。
• delimiter: 设置一个字符串指定分隔符，默认为""，即逐字拆分，设置为" "按空格拆分即逐词拆分。
• newClass、oldClass：为新老字符串制定class类名。值需要加引号。
• padSpace、preserveSpaces：布尔值，需要时可设置为true。
• speed：设置某个单位时间内变化次数（简化duration设置难度）。设置正整数，数越大动画越快。不用加引号。
• type：设置为"diff"，则只对不同的字符进行变更。