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







2.TextInputEffect" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁(yè) > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > 【網(wǎng)頁(yè)特效】11 個(gè)文本輸入和 6 個(gè)按鈕操作 特效庫(kù)

【網(wǎng)頁(yè)特效】11 個(gè)文本輸入和 6 個(gè)按鈕操作 特效庫(kù)

時(shí)間:2023-09-05 06:42:01 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)

時(shí)間:2023-09-05 06:42:01 來(lái)源:網(wǎng)站運(yùn)營(yíng)

【網(wǎng)頁(yè)特效】11 個(gè)文本輸入和 6 個(gè)按鈕操作 特效庫(kù):

文本輸入特效

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

9.tinytyper

TinyTyper 一個(gè)微小的庫(kù)用于在一段指定的文本元素上創(chuàng)建打字效果。

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







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

http://Phaser.io Javascript庫(kù)的打字機(jī)效果包裝器。

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








按鈕操作特效

1.ElasticProgress

ElasticProgress 可以創(chuàng)建一個(gè)有彈力效果的進(jìn)度條。

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







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





代碼部署后可能存在的BUG沒(méi)法實(shí)時(shí)知道,事后為了解決這些BUG,花了大量的時(shí)間進(jìn)行l(wèi)og 調(diào)試,這邊順便給大家推薦一個(gè)好用的BUG監(jiān)控工具 Fundebug。

往期推薦:

「一勞永逸」送你21道高頻JavaScript手寫(xiě)面試題

一個(gè)合格(優(yōu)秀)的前端都應(yīng)該閱讀這些文章

原文作者:前端小智

原文鏈接:【網(wǎng)頁(yè)特效】11 個(gè)文本輸入和 6 個(gè)按鈕操作 特效庫(kù)

原文來(lái)源:csdn

關(guān)鍵詞:操作,文本,輸入

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉