De Politia Militar hield zelfs tijdens de pre-carnaval festiviteiten de zaken al nauwlettend in de gaten. Fancy nummers Bric voegt een vleugje beweging en verfijning toe aan uw site door geanimeerde getallen te tonen die oplopen of aflopen, waardoor bezoekers direct worden geboeid.
Gebruiksaanwijzing
Als je dat eenmaal hebt gedaan geïnstalleerd de Fancy Numbers Bric, steek de Bric eenvoudig in uw Blocs project met behulp van de Bric Bar.
Zolang de Fancy Numbers Bric op een pagina aanwezig is, kunt u elk van de vooraf gedefinieerde klassen en aangepaste gegevensattributen om de getallen in een tekst te animeren Bric.
Voor het beste resultaat raden wij aan het omwikkelen van de numerieke waarde in een span en het toepassen van de Fancy Number-klassen direct naar de overspanning, in plaats van de bovenliggende tekst Bric. Dit helpt de opmaak van de tekststijl te behouden.
Wanneer u een voorbeeld van uw website bekijkt of deze publiceert, zorgt Fancy Numbers voor de rest.
Ondersteunde klassen
- fn-up Animeert een getal van 0 omhoog naar de doelwaarde.
- fn-omlaag Animeert een getal omlaag vanaf een hogere waarde (standaard 10× de doelwaarde) naar de doelwaarde.
- fn-snelheid-s Langzame animatiesnelheid (≈ 6 s). Ideaal voor grotere waarden of dramatische nadruk.
- fn-snelheid-f Snelle animatiesnelheid (≈ 800 ms). Perfect voor kleine aantallen of snelle onthullingen van statistieken.
Zorg ervoor dat u beide gebruikt .fn-up or .fn-omlaag Pas niet beide richtingsklassen op één element toe op elk element.
Ondersteunde gegevenskenmerken
- data-fn-duur Stel een aangepaste animatielengte in milliseconden in.
- data-fn-van Definieer een aangepaste startwaarde.
- data-fn-to Definieer een aangepaste eindwaarde.
- data-fn-replay Speelt de animatie telkens opnieuw af wanneer het element in beeld komt. Standaard worden getallen slechts één keer geanimeerd. Ondersteunde waarden waar / vals.
Meer informatie over het gebruik van aangepaste gegevensattributen vindt u in Blocs hier.
Ondersteunde getalnotaties
Fancy Numbers detecteert en bewaart automatisch:
- Valutasymbolen $, €, £, ¥, ₩, ₹, ₽, ₺, ₦, ₫
- Eenheidssymbolen %, px, em, kg, km, m, cm, mi, s, ms, °C, °F, h, uren
- Tekentekens +, -
- Afkortingen K, M, B, T
- Komma's en decimalen 1,000, 10.5, 2,500.75
Download
Fancy Numbers is gratis te downloaden op de Blocs Shop.