Numeri fantasiosi

. Numeri fantasiosi Bric aggiunge un tocco di movimento e raffinatezza al tuo sito, animando numeri che aumentano o diminuiscono per coinvolgere immediatamente i visitatori.

Come si usa

Una volta che hai installato il Fancy Numbers Bric, inserisci semplicemente il Bric nel tuo Blocs progetto utilizzando il Bric Bar.

Finché il Fancy Numbers Bric è presente in una pagina, puoi usare e combinare uno qualsiasi dei predefiniti classi e al attributi di dati personalizzati per animare i numeri all'interno di un testo Bric.

Per risultati ottimali consigliamo racchiudere il valore numerico in un intervallo e applicando le classi Fancy Number direttamente alla campata, anziché il testo padre Bric. Ciò aiuta a mantenere la formattazione dello stile del testo.

Quando visualizzi in anteprima o pubblichi il tuo sito web, Fancy Numbers si occuperà del resto.

Classi supportate

  • fn-up Anima un numero verso l'alto da 0 al suo valore target.
  • fn-giù Anima un numero verso il basso, da un valore più alto (predefinito 10 volte il valore target) al suo valore target.
  • fn-velocità-s Velocità di animazione lenta (≈ 6 s). Ottima per valori più grandi o per enfatizzare l'effetto drammatico.
  • fn-velocità-f Velocità di animazione elevata (circa 800 ms). Perfetta per numeri piccoli o per rivelazioni rapide di statistiche.
Consigli

Fai attenzione ad usare entrambi .fn-su or .fn-giù su ciascun elemento, non applicare entrambe le classi di direzione a un singolo elemento.

Attributi dati supportati

  • durata-funzione-dati Imposta una durata personalizzata dell'animazione in millisecondi.
  • dati-fn-da Definisci un valore iniziale personalizzato.
  • dati-fn-a Definisci un valore finale personalizzato.
  • dati-fn-replay Riproduce l'animazione ogni volta che l'elemento scorre nella visualizzazione. Per impostazione predefinita, i numeri vengono animati una sola volta. Valori supportati vero / falso.
Suggerimento per principianti

Puoi trovare maggiori informazioni sull'utilizzo degli attributi di dati personalizzati in Blocs qui.

Formati numerici supportati

Fancy Numbers rileva e conserva automaticamente:

  • Simboli di valuta $, €, £, ¥, ₩, ₹, ₽, ₺, ₦, ₫
  • Simboli di unità %, px, em, kg, km, m, cm, mi, s, ms, °C, °F, h, ore
  • Caratteri dei segni +, -
  • Abbreviazioni K, M, B, T
  • Virgole e decimali 1,000, 10.5, 2,500.75

Scaricare

Fancy Numbers è disponibile per il download gratuito su Blocs Negozio.

Aggiornato il 4 novembre 2025
questo articolo è stato utile?

Articoli Correlati