あなたのウェブサイトの端末アニメーションを入力して使用します.js



何度も我々はアニメーションやトランジションなどの興味深いものを介して来るときに我々は実際の練習でそれを実装する方法を知って熱望している.
私は多くの開発者が自分のウェブサイトのために端末のアニメーションを使用している知っているようになったなぜ私は初心者のWeb開発者が自分のウェブサイトのためにそれを実装するために役立つ必要があります.
加えて、アニメーションの他のstuffsを追加することもできます
  • startdelay : 0 - [スタート時間がミリ秒で始まる前のstartdelay時間]
  • shuffle : false - [シャッフル文字列]
  • loopcount :無限ループ
    より多くの場合は、この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/
    あなた達が知識を得たことを✌️