关于javascript:网页特效11-个文本输入和-6-个按钮操作-特效库

48次阅读

共计 2172 个字符,预计需要花费 6 分钟才能阅读完成。

作者:lindelof
译者:前端小智
起源:github

点赞再看,微信搜寻 【大迁世界】 关注这个没有大厂背景,但有着一股向上踊跃心态人。本文 GitHub https://github.com/qq44924588… 上曾经收录,文章的已分类,也整顿了很多我的文档,和教程材料。

文本输出特效

1.power-mode-input

PowerModeInput 能够让你的文本输入框更引人注目。

地址:https://github.com/lindelof/power-mode-input

2.TextInputEffects

简略的款式和成果,可加强文本输出交互。

地址:https://github.com/codrops/TextInputEffects

3.typewriterjs

一个简略而弱小的原生 javascript 插件,具备很酷的打字机成果。

地址:https://github.com/tameemsafi/typewriterjs

4.t.js

轻量级 $.Hypertext.Typewriter

地址: https://github.com/mntn-dev/t.js

5.shuffle-text

ShuffleText 是一款纯 js 文字洗牌式切换特效插件。该插件在鼠标滑过指定的文本时,文字会不停的一一进行翻转,相似洗牌成果,十分炫酷。

地址: https://github.com/ics-ikeda/shuffle-text

6.react-typewriter

实用于 react 的打字机的成果

地址:https://github.com/ianbjorndilling/react-typewriter

7.t-writer.js

T-Writer.js 用于实现原生打字机成果,没有任何依赖。

地址: https://github.com/ChrisCavs/t-writer.js

8.malarkey

模仿在 DOM 元素上的打字机成果。

地址:https://github.com/yuanqing/malarkey

  • 敌对,灵便的 API,提供精密的管制
  • 选项到反复该成果的限度。
  • 用于对自定义元素属性利用成果的选项。
  • 容许暂停和复原程序 on-the-fly
  • 宽泛的测试,带有 100% 覆盖范围。
  • 无相关性,超轻量,仅 1.5 放大,或者 0.8 KB 放大和压缩

9.tinytyper

TinyTyper 一个渺小的库用于在一段指定的文本元素上创立打字成果。

地址:https://github.com/lourenc/tinytyper

10.jquery.typer

typer.js 插件是一个十分有意思的 jQuery 插件,实现一个一个字输入,相似打字的成果。typer.js 是一个比拟小的插件,依赖于 jQuery。typer.js 应用起来也比拟不便,容许设置打字工夫距离,循环输入,革除打字成果工夫等。

11. Phaser-typewriter

Phaser.io Javascript 库的打字机成果包装器。

地址: https://github.com/netgfx/Phaser-typewriter


按钮操作特效

1.ElasticProgress

ElasticProgress 能够创立一个有弹力成果的进度条。

地址: https://github.com/codrops/ElasticProgress

2. vue-particle-effect-buttons

暴发粒子特效按钮组件。

地址: https://github.com/dreambo8563/vue-particle-effect-buttons

3.nativescript-shine-button

NativeScript 插件,可为按钮增加发光成果。

地址:https://github.com/hamdiwanis/nativescript-shine-button

4.react-parallax-button

让按钮有一个程度视差成果。

地址: https://github.com/venits/react-parallax-button

5.RippleButton

具备 Material Theme 波纹成果的按钮。

地址: https://github.com/mig82/RippleButton

6.css-ripple-effect

css-ripple-effect 是一款应用纯 CSS3 制作的炫酷扁平格调按钮点击波特效。该成果是仿照 Android 零碎的 Material design 格调点击波来制作的。

地址:https://github.com/mladenplavsic/css-ripple-effect

人才们的 【三连】 就是小智一直分享的最大能源,如果本篇博客有任何谬误和倡议,欢送人才们留言,最初,谢谢大家的观看。


代码部署后可能存在的 BUG 没法实时晓得,预先为了解决这些 BUG,花了大量的工夫进行 log 调试,这边顺便给大家举荐一个好用的 BUG 监控工具 Fundebug。

原文:https://github.com/lindelof/a…

交换

文章每周继续更新,能够微信搜寻 【大迁世界】 第一工夫浏览,回复 【福利】 有多份前端视频等着你,本文 GitHub https://github.com/qq449245884/xiaozhi 曾经收录,欢送 Star。

正文完
 0