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

原创  郑建华   2019-12-27   356人阅读  2 条评论

    在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
版权声明:本文为原创文章,版权归 郑建华 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

 评论列表

  1. 招猫
    招猫 【农民】  @回复

    纯小白,我想知道这个能不能在任何地方打字都能有这个效果而不是网站上

    • 郑建华
      郑建华 【站长】 2020-03-24 19:49:13  回复

      @招猫这个做不到哦,本文提到的那个插件是javascript插件,适用于浏览器环境,也就是网页上面