Come impostare la posizione iniziale per l'animazione al passaggio del mouse in Web Design

Per gli elementi nei gruppi o nelle celle della griglia, puoi impostare l'opzione Posizione iniziale per modificare l'inizio degli elementi, come Testo, Immagine, Icona, Pulsante, ecc., Sposta, Scala, Ruota e Trasparenza al passaggio del mouse. Per modificare la posizione iniziale, vai al pannello delle proprietà a destra. Fare clic sul collegamento Posizione iniziale e modificare le proprietà necessarie.
Posizione di inizio animazione

Sfoglia per categorie di funzionalità

Posizione di partenza dal basso

Mentre passi il mouse su un gruppo, potresti voler cambiare la posizione iniziale per l'animazione. Ad esempio, puoi animare un elemento nel gruppo o nella cella della griglia dal basso, che è molto popolare. Per modificare la posizione iniziale dell'elemento al passaggio del mouse sul gruppo, fare clic sul collegamento Posizione iniziale e sull'impostazione predefinita Dal basso o impostare le proprietà manualmente.

Posizione di partenza dal punto

Passando il mouse su un gruppo, puoi mostrare un elemento che cresce dal punto centrale immaginabile. È possibile impostare la posizione iniziale dal punto per un elemento al passaggio del mouse sul gruppo. Fare clic sul collegamento Posizione iniziale della sezione Animazione attiva nel pannello delle proprietà. Si prega di selezionare uno dei Preset From Point e, se necessario, regolarne le proprietà.

Posizione iniziale Dissolvenza in crescita

Passando il mouse su un gruppo, un elemento può crescere con gli effetti aggiuntivi. Puoi usare Fade e Grow Preset per mostrare un elemento che cresce con dissolvenza simultaneamente. È possibile scegliere l'impostazione predefinita della posizione iniziale di dissolvenza e crescita nella sezione Animazione sulla posizione iniziale del pannello delle proprietà.

Inizio Posizione Girare Crescere

Girare e crescere mentre si passa con il mouse su un gruppo è un comportamento interessante, che è diventato più popolare nelle animazioni del sito. Puoi specificare il Turn and Grow per un elemento pur avendo un gruppo in cui è posizionato. È possibile selezionare l'effetto Gira e allarga per la posizione iniziale nella sezione Posizione iniziale del pannello delle proprietà.