Índice:
Vídeo: Animação Básica CSS 3 2024
Quando você coloca elementos interativos na Linha de tempo de animação de borda, é uma boa idéia alterar o atributo do cursor para fornecer uma pista visual ao seu público. Sabendo que um elemento é (digamos) clicável, importante, ou o que você faz o público mais inclinado a interagir com a composição. Se o cursor nunca muda, os seus espectadores talvez nunca saibam que poderiam ter clicado em vez de simplesmente sentar-se lá.
Quando você cria, digamos, um botão com o qual seu público pode interagir, seus usuários esperam algum tipo de sinal para mostrar que parte da animação é clicável. Uma maneira clara de fornecer esse sinal para que seu público possa interagir com um elemento é mudar a forma do cursor. Você faz isso especificando atributos para o cursor. Leia.
Tipos de atributos do cursor
O Edge Animate fornece uma grande escolha para escolher quando se trata de atributos do cursor, , como um dedo apontador que indica um link. Conforme mostrado nesta figura, você pode alterar o cursor para representar diferentes tipos de interatividade, incluindo estes:
-
* Ponteiro: Indica um link para clicar.
-
Assista: Indica que algo está carregando e / ou que o público deve esperar por algo acontecer.
-
Dimensionamento: Indica que o público pode redimensionar algo como uma janela ou uma coluna ou uma linha.
Os bons animadores sempre fornecem tantas pistas visuais ao público quanto possível. É assim que sua audiência percebe quando e onde um elemento da sua composição está disponível para interação.
Adicionando atributos do cursor
O Adobe Edge Animate CC permite que você altere a forma como o cursor parece mudando seus atributos. Veja como mudar o cursor para um ponteiro quando você passa o mouse sobre um botão na sua composição.
Para alterar os atributos do cursor, siga estas etapas:
-
Selecione um elemento, como um botão.
-
No painel Propriedades, clique no ícone Cursor Style, conforme indicado na figura.
-
Escolha um atributo de cursor no menu.
Clique no botão Cursor Style para abrir os Atributos do Cursor.
Para testar que o seu atributo de cursor está funcionando, basta visualizá-lo em um navegador. Quando você passa o ponteiro do mouse sobre o elemento, ele deve mudar para um dedo apontando, como mostrado.
Aqui o cursor muda para um dedo apontando quando você passa o mouse sobre um botão.