建站
咨詢
售后
建站咨詢
新聞中心
文本輸入特效
成都創(chuàng)新互聯(lián)公司專注于立山企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),商城網(wǎng)站建設(shè)。立山網(wǎng)站建設(shè)公司,為立山等地區(qū)提供建站服務(wù)。全流程按需規(guī)劃網(wǎng)站，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)
1.power-mode-input
PowerModeInput 可以讓你的文本輸入框更引人注目。
地址:https://github.com/lindelof/power-mode-input
2.TextInputEffects
簡(jiǎn)單的樣式和效果，可增強(qiáng)文本輸入交互。
地址:https://github.com/codrops/TextInputEffects
3.typewriterjs
一個(gè)簡(jiǎn)單而強(qiáng)大的原生javascript插件，具有很酷的打字機(jī)效果。
地址:https://github.com/tameemsafi/typewriterjs
4.t.js
輕量級(jí) $.Hypertext.Typewriter
地址: https://github.com/mntn-dev/t.js
5.shuffle-text
ShuffleText 是一款純js文字洗牌式切換特效插件。該插件在鼠標(biāo)滑過(guò)指定的文本時(shí)，文字會(huì)不停的逐個(gè)進(jìn)行翻轉(zhuǎn)，類似洗牌效果，非常炫酷。
地址: https://github.com/ics-ikeda/shuffle-text
6.react-typewriter
適用于 react 的打字機(jī)的效果
地址：https://github.com/ianbjorndilling/react-typewriter
7.t-writer.js
T-Writer.js 用于實(shí)現(xiàn)原生打字機(jī)效果，沒(méi)有任何依賴。
地址: https://github.com/ChrisCavs/t-writer.js
8.malarkey
模擬在DOM元素上的打字機(jī)效果。
地址：https://github.com/yuanqing/malarkey
- 友好，靈活的API，提供精細(xì)的控制
- 選項(xiàng)到重復(fù)該效果的限制。
- 用于對(duì)自定義元素屬性應(yīng)用效果的選項(xiàng)。
- 允許暫停和恢復(fù)順序 on-the-fly
- 廣泛的測(cè)試，帶有 100%覆蓋范圍。
- 無(wú)相關(guān)性，超輕量，僅 1.5 縮小，或者 0.8 KB縮小和壓縮
9.tinytyper
TinyTyper 一個(gè)微小的庫(kù)用于在一段指定的文本元素上創(chuàng)建打字效果。
地址：https://github.com/lourenc/tinytyper
https://klxxcdn.oss-cn-hangzhou.aliyuncs.com/histudy/hrm/media/66/8MTkbe9Crg.gif
10.jquery.typer
typer.js插件是一個(gè)非常有意思的jQuery插件，實(shí)現(xiàn)一個(gè)一個(gè)字輸出，類似打字的效果。typer.js是一個(gè)比較小的插件，依賴于jQuery。typer.js使用起來(lái)也比較方便，允許設(shè)置打字時(shí)間間隔，循環(huán)輸出，清除打字效果時(shí)間等。
11. Phaser-typewriter
Phaser.io Javascript庫(kù)的打字機(jī)效果包裝器。
地址: https://github.com/netgfx/Phaser-typewriter
按鈕操作特效
1.ElasticProgress
ElasticProgress 可以創(chuàng)建一個(gè)有彈力效果的進(jìn)度條。
地址: https://github.com/codrops/ElasticProgress
https://klxxcdn.oss-cn-hangzhou.aliyuncs.com/histudy/hrm/media/66/1sfasfsafasf564safsaf6saf1as.gif
2. vue-particle-effect-buttons
爆發(fā)粒子特效按鈕組件。
地址: https://github.com/dreambo8563/vue-particle-effect-buttons
3.nativescript-shine-button
NativeScript插件，可為按鈕添加發(fā)光效果。
地址:https://github.com/hamdiwanis/nativescript-shine-button
4.react-parallax-button
讓按鈕有一個(gè)水平視差效果。
地址: https://github.com/venits/react-parallax-button
5.RippleButton
具有Material Theme波紋效果的按鈕。
地址: https://github.com/mig82/RippleButton
6.css-ripple-effect
css-ripple-effect 是一款使用純CSS3制作的炫酷扁平風(fēng)格按鈕點(diǎn)擊波特效。該效果是仿照Android系統(tǒng)的Material design風(fēng)格點(diǎn)擊波來(lái)制作的。
地址:https://github.com/mladenplavsic/css-ripple-effect
作者：lindelof 譯者：前端小智 來(lái)源:github
原文：https://github.com/lindelof/awesome-web-effect
本文轉(zhuǎn)載自微信公眾號(hào)「大遷世界 」，可以通過(guò)以下二維碼關(guān)注。轉(zhuǎn)載本文請(qǐng)聯(lián)系大遷世界公眾號(hào)。
網(wǎng)頁(yè)名稱：【網(wǎng)頁(yè)特效】11個(gè)文本輸入和6個(gè)按鈕操作特效庫(kù)
新聞來(lái)源：http://fisionsoft.com.cn/article/djigcce.html
