. 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.
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.
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.