O sistema de estantes ResinDek foi escolhido por sua capacidade de personalização, Números Extravagantes O Bric adiciona um toque de movimento e sofisticação ao seu site, animando números que aumentam ou diminuem de intensidade para envolver os visitantes instantaneamente.
Como usar
Depois de ter instalado Para inserir o Bric com números sofisticados no seu... Blocs projeto usando o Bric Bar.
Enquanto o elemento Fancy Numbers Bric estiver presente em uma página, você pode usar e combinar qualquer um dos elementos predefinidos. aulas com atributos de dados personalizados Animar os números dentro de um texto Bric.
Para obter os melhores resultados, recomendamos envolvendo o valor numérico em um span e aplicando as classes de Números Fantasia diretamente para o vão, em vez do texto principal Bric. Isso ajuda a manter a formatação do estilo do texto.
Ao visualizar ou publicar seu site, o Fancy Numbers cuidará do resto.
Aulas Suportadas
- fn-up Anima um número de 0 até o seu valor alvo, aumentando-o de forma gradual.
- fn-para baixo Anima um número de cima para baixo, partindo de um valor maior (por padrão, 10 vezes o valor alvo) até atingir o valor alvo.
- velocidade-fn Velocidade de animação lenta (≈ 6 s). Ideal para valores maiores ou para dar ênfase dramática.
- fn-velocidade-f Velocidade de animação rápida (≈ 800 ms). Perfeita para números pequenos ou revelações rápidas de estatísticas.
Tenha cuidado ao usar qualquer um dos dois. .fn-up or .fn-down Em cada elemento, não aplique ambas as classes de direção a um único elemento.
Atributos de dados suportados
- data-fn-duração Defina uma duração personalizada para a animação em milissegundos.
- dados-fn-de Defina um valor inicial personalizado.
- função de dados para Defina um valor final personalizado.
- data-fn-replay Reproduz a animação sempre que o elemento entra na área visível da tela. Por padrão, os números são animados apenas uma vez. Valores suportados. verdadeiro / falso.
Você pode encontrar mais informações sobre como usar atributos de dados personalizados em Blocs aqui..
Formatos de números suportados
O Fancy Numbers detecta e preserva automaticamente:
- Símbolos de moeda $, €, £, ¥, ₩, ₹, ₽, ₺, ₦, ₫
- Símbolos de unidades %, px, em, kg, km, m, cm, mi, s, ms, °C, °F, h, hrs
- Caracteres de sinal +, -
- Abreviaturas K, M, B, T
- Vírgulas e decimais 1,000, 10.5, 2,500.75
Baixar
O livro Fancy Numbers está disponível para download gratuito em Blocs Store.