Pode diferir ligeiramente da interface real.
This setting applies to the animation
Recursos PRO:
As configurações do Animação de moldura são um recurso disponível na versão paga (ZenBlocks PRO); esse painel não está disponível para a versao gratuita.
Padrão
Pode diferir ligeiramente da interface real.
Ponto:
Define a animação para aplicar no estado Normal. Você pode ajustar a intensidade da direção constante.
O que muda com essa configuração:
Esse item tem um grande efeito sobre o tom Marcas porque o movimento é sempre visível.
Dica de ajuste:
Uma configuração suave que não prejudique a visibilidade ou a fadiga é recomendada para visualização prolongada.
Itens de configuração.
- Animação Predefinição Select: seleciona Padrão para a direção da linha Moldura do ícone. Uma configuração com uma carga de visibilidade baixa é adequada devido ao exibição sempre presente. As opções incluem
nenhum(Nenhum) e várias animações sempre ativas Padrão.
Nota: O Animação de moldura difere do Texto e do Animação de ícone pelo fato de ser sempre reproduzido (independentemente do Hover). Como ele começa a se mover imediatamente após o carregamento da página, ele tem o efeito de atrair a atenção do usuário, enquanto a encenação excessiva pode causar fadiga; se íconeMoldura do ícone não estiver definido, essa configuração será desativada (o DOM em si não é emitido). Restrições de estouro: O Animação de moldura para neon-01 e glow-01 usa box-shadow, portanto, overflow: visible é aplicado automaticamente para o elemento Moldura do ícone. Para outras animações, o overflow: hidden permanece. Quando overflow: visible, o efeito de brilho se estende para fora da área Botão e é exibição, portanto, tenha cuidado com o espaçamento entre os elementos adjacentes.
Transição
Pode diferir ligeiramente da interface real.
Ponto:
Define a velocidade de reprodução e o intervalo de loop do Animação de moldura. Permite que você ajuste a presença de efeitos decorativos.
O que muda com essa configuração:
Ela está sempre próxima de exibição e, portanto, influencia a impressão geral da página.
Dica de ajuste:
Exceto em situações em que você queira que ele se destaque, aumente o intervalo e dê prioridade à concentração no texto principal.
Configurações
Animation Duration (ms): duração por reprodução. Ajuste de média para curta para que pareça mais movimentada.Easing: mudança de velocidade do movimento Moldura do ícone. Escolha uma curva suave para reduzir o brilho.Intervalo de loop (ms): Intervalo entre as próximas reproduções. Um valor mais longo mantém o foco no conteúdo principal.Padrão O valor é definido como.
Nota: O Animação de moldura não tem a configuração de Atraso / Valor personalizado do Transição, mas é controlado pelos três itens Duração / Facilidade / Intervalo de loop Devido ao conceito de design diferente do Texto e do Animação de ícone (tipo Hover). A configuração do Transição também é diferente devido ao conceito de design diferente.