当前位置: 首页 > Web前端 > HTML

【网页特效】11个文字输入和6个按键操作特效库

时间:2023-04-02 17:02:13 HTML

作者:lindelof译者:前端小智来源:github点赞再看,微信搜索【大千世界】没有大厂背景就关注这个,而是具有向上和积极态度的人。本文已收录到GitHubhttps://github.com/qq44924588...,文章已分类,也整理了很多我的文档和教程资料。大家都说简历里没项目可写,所以给大家找了一个项目,还给了一个【搭建教程】。文字输入效果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/tinytyper10.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/ElasticProgress2。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人才的【三通】是小智继续分享的最大动力。本博客如有错误或建议,欢迎达人留言。最后,谢谢大家的观看。代码部署后可能存在的bug,无法实时获知。事后为了解决这些bug,花费了大量的时间在日志调试上。顺便推荐一个好用的bug监控工具Fundebug。原文:https://github.com/lindelof/a...交流文章每周更新,微信搜索【大千世界】立即阅读,回复【福利】前端视频多等你,本文GitHubhttps://github.com/qq449245884/xiaozhi已收录,欢迎Star。