html网页开发中11个文本输入和6个按钮操作特效的案例分析
创始人
2024-11-17 09:02:09
0次

文本输入特效

1.power-mode-input

PowerModeInput 可以让你的文本输入框更引人注目。

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

html网页开发中11个文本输入和6个按钮操作特效的案例分析

2.TextInputEffects

简单的样式和效果,可增强文本输入交互。

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

html网页开发中11个文本输入和6个按钮操作特效的案例分析html网页开发中11个文本输入和6个按钮操作特效的案例分析

3.typewriterjs

一个简单而强大的原生javascript插件,具有很酷的打字机效果。

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

html网页开发中11个文本输入和6个按钮操作特效的案例分析html网页开发中11个文本输入和6个按钮操作特效的案例分析

4.t.js

轻量级 $.Hypertext.Typewriter

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

html网页开发中11个文本输入和6个按钮操作特效的案例分析html网页开发中11个文本输入和6个按钮操作特效的案例分析

5.shuffle-text

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

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

html网页开发中11个文本输入和6个按钮操作特效的案例分析html网页开发中11个文本输入和6个按钮操作特效的案例分析

6.react-typewriter

适用于 react 的打字机的效果

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

7.t-writer.js

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

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

html网页开发中11个文本输入和6个按钮操作特效的案例分析html网页开发中11个文本输入和6个按钮操作特效的案例分析

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

html网页开发中11个文本输入和6个按钮操作特效的案例分析

10.jquery.typer

typer.js插件是一个非常有意思的jQuery插件,实现一个一个字输出,类似打字的效果。typer.js是一个比较小的插件,依赖于jQuery。typer.js使用起来也比较方便,允许设置打字时间间隔,循环输出,清除打字效果时间等。

html网页开发中11个文本输入和6个按钮操作特效的案例分析html网页开发中11个文本输入和6个按钮操作特效的案例分析

11. Phaser-typewriter

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

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

html网页开发中11个文本输入和6个按钮操作特效的案例分析html网页开发中11个文本输入和6个按钮操作特效的案例分析

按钮操作特效

1.ElasticProgress

ElasticProgress 可以创建一个有弹力效果的进度条。

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

html网页开发中11个文本输入和6个按钮操作特效的案例分析

2. vue-particle-effect-buttons

爆发粒子特效按钮组件。

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

html网页开发中11个文本输入和6个按钮操作特效的案例分析html网页开发中11个文本输入和6个按钮操作特效的案例分析

3.nativescript-shine-button

NativeScript插件,可为按钮添加发光效果。

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

html网页开发中11个文本输入和6个按钮操作特效的案例分析html网页开发中11个文本输入和6个按钮操作特效的案例分析

4.react-parallax-button

让按钮有一个水平视差效果。

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

html网页开发中11个文本输入和6个按钮操作特效的案例分析html网页开发中11个文本输入和6个按钮操作特效的案例分析

5.RippleButton

具有Material Theme波纹效果的按钮。

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

html网页开发中11个文本输入和6个按钮操作特效的案例分析html网页开发中11个文本输入和6个按钮操作特效的案例分析

6.css-ripple-effect

css-ripple-effect 是一款使用纯CSS3制作的炫酷扁平风格按钮点击波特效。该效果是仿照Android系统的Material design风格点击波来制作的。

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

html网页开发中11个文本输入和6个按钮操作特效的案例分析html网页开发中11个文本输入和6个按钮操作特效的案例分析

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...