Editor Wix: aggiungere effetti mouse
Tempo di lettura: 3 min.
Rendi il tuo design più coinvolgente con effetti mouse accattivanti. Aggiungi un effetto mouse a un elemento che vuoi mettere in evidenza: il movimento del cursore del visitatore lo attiva automaticamente.
Offriamo molti effetti diversi che puoi modificare per il tuo sito, come quelli che vedi qui sotto.
![Esempi di diversi effetti mouse che puoi aggiungere a un elemento nell'Editor](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/02/04/e82d136c-563d-4ab1-834a-54c036f493c4/30f1b516-5844-4656-ae31-fe8c704306cc.gif)
Nota:
Poiché questi effetti richiedono un cursore del mouse, non verranno riprodotti sui dispositivi touchscreen (es. cellulari, tablet, ecc.).
Aggiungere un effetto mouse a un elemento
Seleziona l'elemento che vuoi animare e scegli uno dei nostri effetti mouse.
Per aggiungere un effetto mouse:
- Vai al tuo Editor
- Seleziona l'elemento pertinente
- Clicca sull'icona Animazione
- Clicca su Effetti del mouse
- Seleziona un effetto dalla raccolta
- (Facoltativo) Clicca su Personalizza per personalizzare impostazioni come direzione, distanza e interpolazione
![Il pannello Aggiungi animazione nell'Editor Wix, che mostra gli effetti mouse disponibili](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/14/95738acb-3ef4-404c-abbc-8dfba513cef3/145ce0fd-9347-44f4-864e-7285afe91acf.png)
Personalizzare un effetto mouse
Dopo aver scelto un effetto mouse, impostalo in modo che si comporti come desideri. Rendi l'effetto più leggero o evidente decidendo impostazioni come la distanza, la direzione, la velocità, l'interpolazione e altro.
Nota:
Le opzioni di personalizzazione disponibili dipendono dall'effetto che scegli.
Per personalizzare un effetto mouse:
- Vai al tuo Editor
- Seleziona l'elemento pertinente
- Clicca sull'icona Animazione
- Clicca su Effetti del mouse
- Seleziona un effetto dalla raccolta
- Clicca su Personalizza per per personalizzarne le impostazioni:
- Stile di movimento: seleziona l'intensità del movimento, ad esempio leggero o moderato
- Direzione: decidi se l'animazione deve seguire o invertire il mouse
- Segui il mouse: fa sì che l'elemento segua il movimento del cursore del mouse
- Allontana dal mouse: fa muovere l'elemento nella direzione opposta a quella del mouse. Ad esempio, se il mouse si sposta verso l'alto, l'elemento si sposta verso il basso
- Velocità: trascina il cursore per modificare la velocità dell'effetto: più basso è il numero, più veloce sarà l'effetto
![Screenshot del pannello Personalizza degli effetti mouse](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/01/20/7a01b087-7f16-4f06-94cb-a5580bf2724f/2b5824e3-7d17-4ba6-ba72-344cf34c2dec.jpg)
Suggerimento:
Clicca sull'icona Anteprima al movimento del mouse
per vedere l'effetto sull'area di lavoro senza dover visualizzare l'anteprima del sito.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/01/20/c8998423-c107-4bac-9bcb-7eb80e09bd9e/5232d98a-4f39-423a-96cb-d150e7afc624.jpg)
Rimuovere un effetto mouse
Puoi rimuovere un effetto mouse in qualsiasi momento dal pannello animazione.
Per rimuovere un effetto mouse:
- Vai al tuo Editor
- Seleziona l'elemento pertinente
- Clicca sull'icona Animazione
- Clicca su Effetti del mouse
- Seleziona Nessuna animazione
![Il pannello Aggiungi animazione nell'Editor Wix, che evidenzia l'opzione per cliccare su](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/14/1652b0be-1e6c-4b87-b433-e060b463a9db/68919798-ca67-498f-849e-b9016008819a.png)