TweenMax.js+TextPlugin.js+SplitText.js 文本分解逐个字母变色动画

鼠标悬停到标题文本上，将呈现逐个字母变化的文本渐变切换动画。

gsap, 文本效果

《aframe.js 3d拼图代码详解》作品已被踏得网收录！

第三方库
作品简介 2939
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

var split;
$('#G').hover(function() {
    animIn('#S')
}, function() {
    animOut('#S')
});
$('#S').hover(function() {
    animIn('#G')
}, function() {
    animOut('#G')
});

function animOut(P) {
    TweenLite.to(P, 0.8, {
        text: {
            value: P == "#S" ? "Sock" : "Green"
        },
        color: P == "#S" ? 'orange' : '#91e600'
    })
};

编译

CSS

HTML

鼠标悬停到标题文本上，将呈现逐个字母变化的文本渐变切换动画。

gsap, 文本效果

编辑器支持Emmet

快捷键

鼠标悬停到标题文本上，将呈现逐个字母变化的文本渐变切换动画。

gsap, 文本效果

TweenMax + Prostyle.js 文本特效 - 雾化（模糊化）

TweenMax.js 树叶掉落动画和文本分解

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：