ファンシーナンバー

当学校区の ファンシーナンバー Bric は、サイトに動きと洗練さを加え、カウントアップまたはカウントダウンする数字をアニメーション化して、訪問者を即座に惹きつけます。

使用方法

一度したら インストール ファンシーナンバーブリックは、ブリックを Blocs Bric Bar を使用したプロジェクト。

ファンシーナンバーブリックがページ内に存在する限り、定義済みのものを使用して組み合わせることができます。 クラス および カスタムデータ属性 テキスト内の数字をアニメーション化する Bric。

最良の結果を得るには 数値をspanで囲む ファンシーナンバークラスを適用する スパンに直接親テキストのBricではなく、 を使用します。これにより、テキストスタイルの書式設定が維持されます。

ウェブサイトをプレビューまたは公開すると、残りの作業は Fancy Numbers が処理します。

サポートされているクラス

• fn-up 数値を 0 から目標値まで上向きにアニメーション化します。
• fn-down 数値を高い値 (デフォルトでは目標値の 10 倍) から目標値まで下方にアニメーション表示します。
• fn-スピード-s アニメーション速度を遅くします（約6秒）。大きな値やドラマチックな強調に最適です。
• fn-スピード-f アニメーション速度が速い（≈ 800ミリ秒）。小さな数値や統計情報を素早く表示するのに最適です。

サポートされているデータ属性

• データ関数期間 カスタムアニメーションの長さをミリ秒単位で設定します。
• データ関数から カスタム開始値を定義します。
• データ-fn-to カスタム終了値を定義します。
• データfnリプレイ 要素がスクロールして表示されるたびにアニメーションを再生します。デフォルトでは、数字は1回だけアニメーションします。サポートされている値 true / false.

サポートされている数値形式

Fancy Numbers は次のものを自動的に検出して保存します:

• 通貨記号 $、€、£、¥、₩、₹、₽、₺、₦、₫
• 単位記号 %、px、em、kg、km、m、cm、mi、s、m​​s、°C、°F、h、hrs
• 記号文字 +、–
• 略語 K、M、B、T
• カンマと小数点 1,000、10.5、2,500.75

ダウンロード

Fancy Numbersは無料でダウンロードできます。 Blocs ストア.