文字输入特效,粒子+抖动效果,activate-power-mode插件 JS版本

原创  郑建华   2019-12-27   69人阅读  0 条评论
摘要:

    在atom编译器中,有一个打字特效插件(activate-power-mode),效果如下:    js版activate-power-mode,源码地址如下:    https://github.com/disjukr/activate-power-mode        源码下载后目录如

    在atom编译器中,有一个打字特效插件(activate-power-mode),效果如下:

txgif.gif


    js版activate-power-mode,源码地址如下:

    https://github.com/disjukr/activate-power-mode

    

image.png

    源码下载后目录如下:

image.png

    打开index.html查看效果

test.gif

    引入方式

image.png

    将下面代码添加到网站中即可,比如footer.php中,就可全局引用,shake false为不抖动,改为true就有抖动效果

<script src="activate-power-mode.js"></script>
<script>
POWERMODE.colorful = true; // make power mode colorful
POWERMODE.shake = false; // turn off shake
document.body.addEventListener('input', POWERMODE);
</script>

    可在下方评论,看看效果

本文地址:https://www.zjh336.cn/?id=116
版权声明:本文为原创文章,版权归 郑建华 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?