文字输入特效1.power-mode-inputPowerModeInput可以让你的文字输入框更加醒目。地址:https://github.com/lindelof/power-mode-input2.TextInputEffects增强文本输入交互的简单样式和效果。地址:https://github.com/codrops/TextInputEffects3.typewriterjs一个简单而强大的原生javascript插件,带有炫酷的打字机效果。地址:https://github.com/tameemsafi/typewriterjs4.t.js轻量级$.Hypertext.Typewriter地址:https://github.com/mntn-dev/t.js5.shuffle-textShuffleText是纯js文本shuffle切换效果器插件。当外挂鼠标滑过指定文字时,文字会一个一个翻动,类似洗牌效果,非常酷。地址:https://github.com/ics-ikeda/shuffle-text6.react-typewriter适合react的打字机效果地址:https://github.com/ianbjorndilling/react-typewriter7.t-writer.jsT-Writer.js用于实现原生打字机效果,无需任何依赖。地址:https://github.com/ChrisCavs/t-writer.js8.malarkey模拟打字机打DOM元素的效果。地址:https://github.com/yuanqing/malarkey友好、灵活的API,提供细粒度的控制选项,限制重复效果。将效果应用于自定义元素属性的选项。允许以100%的覆盖率暂停和恢复连续的即时广泛测试。没有依赖性,超轻量级,只有1.5缩小,或0.8KB缩小和压缩9.tinytyperTinyTyper一个微型库,用于在指定的文本元素上创建打字效果。地址:https://github.com/lourenc/tinytyperhttps://klxxcdn.oss-cn-hangzhou.aliyuncs.com/histudy/hrm/media/66/8MTkbe9Crg.gif10.jquery.typertyper.js插件是一个很有意思的插件jQuery插件实现了一个一个的输出,类似于打字。typer.js是一个相对较小的依赖于jQuery的插件。typer.js使用起来也比较方便,可以设置打字间隔、循环输出、清除打字效果时间等。11.Phaser-typewriterPhaser.ioJavascript库的打字机效果包装器。地址:https://github.com/netgfx/Phaser-typewriter按钮操作效果1.ElasticProgressElasticProgress可以创建一个带有弹性效果的进度条。地址:https://github.com/codrops/ElasticProgresshttps://klxxcdn.oss-cn-hangzhou.aliyuncs.com/histudy/hrm/media/66/1sfasfsafasf564safsaf6saf1as.gif2.vue-particle-effect-buttons粒子效果按钮组件。地址:https://github.com/dreambo8563/vue-particle-effect-buttons3.nativescript-shine-buttonNativeScript插件,可以给按钮添加发光效果。地址:https://github.com/hamdiwanis/nativescript-shine-button4.react-parallax-button使按钮具有水平视差效果。地址:https://github.com/venits/react-parallax-button5.RippleButton一个带有MaterialTheme波纹效果的按钮。地址:https://github.com/mig82/RippleButton6.css-ripple-effectcss-ripple-effect是一款纯CSS3制作的炫酷扁平化按钮点击波浪效果。这个效果是沿用了Android系统的materialdesign风格clickwave制作的。地址:https://github.com/mladenplavsic/css-ripple-effect作者:lindelof译者:前端小智来源:github原文:https://github.com/lindelof/awesome-web-effect本文转载自微信公众号“盛世行”,可通过以下二维码关注。转载本文请联系大千世界公众号。
