あなたのウェブサイトの端末アニメーションを入力して使用します.js
3699 ワード
何度も我々はアニメーションやトランジションなどの興味深いものを介して来るときに我々は実際の練習でそれを実装する方法を知って熱望している.
私は多くの開発者が自分のウェブサイトのために端末のアニメーションを使用している知っているようになったなぜ私は初心者のWeb開発者が自分のウェブサイトのためにそれを実装するために役立つ必要があります.
加えて、アニメーションの他のstuffsを追加することもできます
より多くの場合は、このgithubレポをチェックアウトできます.
mattboldt / typed.js
JavaScriptタイピングアニメーションライブラリ
- Live Demo
入力します.JSはタイプライブラリです.任意の文字列で入力し、それを設定した速度でタイプを見て、それが入力されたバックスペース何を設定し、設定した多くの文字列の新しい文章を開始します.
インストール
つ選択
npm install typed.js
yarn add typed.js
bower install typed.js
CDN<高橋潤子>https://cdn.jsdelivr.net/npm/typed.js@ 2.0.12 "> <スクリプト>
セットアップ
これは本当にあなたが行くために必要なすべてです.
//通常のスクリプトタグで含めることもできます
タイプからタイプされたインポート.JS ;
varオプション
文字列:[' I >最初の文'、&& amp ;第2文')
typespeed : 40
//
var typed = new typed (' element ', option );
reactjsでの使用
フックベースの機能コンポーネント:View All Demos
クラス構成要素View Full Docs
Vueを使用します.js
Vueをチェックしてください.JSコンポーネント:mattboldt.com
Webコンポーネントとして使用する
チェック.
https://jsfiddle.net/mattboldt/60h9an7y/
あなた達が知識を得たことを✌️
Reference
この問題について(あなたのウェブサイトの端末アニメーションを入力して使用します.js), 我々は、より多くの情報をここで見つけました https://dev.to/shahstavan/terminal-animation-for-your-website-using-typed-js-2hclテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol