header-logo
Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Gestalte und verwalte deine Website mit Wix.
Verwalte Premiumpakete, Abos und Rechnungen
Führe dein Unternehmen und vernetze dich mit Mitgliedern.
Kaufe, verknüpfe oder übertrage eine Domain.
Stärke dein Unternehmen und deine Webpräsenz.
Steigere deine Sichtbarkeit mit SEO und Marketing.
Nutze erweiterte Funktionen für mehr Effizienz.
Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

Wix Editor: Mauseffekte hinzufügen

3 min
In diesem Artikel
  • Einem Element einen Mauseffekt hinzufügen
  • Einen Mauseffekt anpassen
  • Einen Mauseffekt entfernen
Gib deinem Design mit faszinierenden Mauseffekten das gewisse Etwas. Füge einem Element, das du hervorheben möchtest, einen Mauseffekt hinzu. Die Cursorbewegung des Besuchers löst ihn automatisch aus.  
Wir bieten viele verschiedene Effekte an, die du an deine Website anpassen kannst, z. B.  die, die du unten siehst.
Beispiele für verschiedene Mauseffekte, die du einem Element im Studio Editor hinzufügen kannst
Hinweis:
Da diese Effekte einen Mauszeiger erfordern, können sie nicht auf Touchscreen-Geräten abgespielt werden (z. B.  Mobiltelefone, Tablets usw.)

Einem Element einen Mauseffekt hinzufügen

Wähle das Element, das du animieren möchtest, und wähle einen unserer Mauseffekte aus. 

So fügst du einen Mauseffekt hinzu:

  1. Öffne deinen Editor.
  2. Wähle das entsprechende Element aus. 
  3. Klicke auf das Symbol Animation .
  4. Klicke auf Mauseffekte.
  5. Wähle einen Effekt aus der Sammlung aus.
  6. (Optional) Klicke auf Anpassen, um Einstellungen wie Richtung, Entfernung und Easing anzupassen.
Das Panel „Animation hinzufügen“ im Wix Editor, das die verfügbaren Mauseffekte anzeigt

Einen Mauseffekt anpassen

Nachdem du einen Mauseffekt ausgewählt hast, richte ihn so ein, dass er sich so verhält, wie du es möchtest. Mache den Effekt subtiler oder auffälliger, indem du Einstellungen wie Entfernung, Richtung, Geschwindigkeit, Easing und andere aktivierst. 
Hinweis:
Die verfügbaren Anpassungsoptionen hängen vom ausgewählten Effekt ab.

So passt du einen Mauseffekt an:

  1. Öffne deinen Editor.
  2. Wähle das entsprechende Element aus.
  3. Klicke auf das Symbol Animation .
  4. Klicke auf Mauseffekte.
  5. Wähle einen Effekt aus der Sammlung aus.
  6. Klicke auf Anpassen, um die Einstellungen anzupassen:
    • Bewegungsstil: Wähle die Intensität der Bewegung aus, zum Beispiel sanft oder gemäßigt.
    • Richtung: Entscheide, ob die Animation der Maus folgen oder deren Bewegungsrichtung umkehren soll.
      • Mausrichtung folgen: Lass das Element der Bewegung des Mauszeigers folgen.
      • Mausrichtung umkehren: Beeinflusst, dass das Element in die entgegengesetzte Richtung der Maus bewegt wird. Wenn sich die Maus zum Beispiel nach oben bewegt, wird das Element nach unten verschoben.
    • Geschwindigkeit: Ziehe den Schieberegler, um die Geschwindigkeit des Effekts zu ändern: je niedriger die Zahl, desto schneller der Effekt. 
Screenshot des Panels „Anpassen“ für Mauseffekte.
Tipp:
Klicke auf das Icon Maus bewegen, um Vorschau anzuzeigen, um den Effekt direkt auf der Arbeitsfläche zu sehen, ohne die Website in der Vorschau anzeigen zu müssen. 

Einen Mauseffekt entfernen

Du kannst Mauseffekte jederzeit über das Animations-Panel entfernen. 

So entfernst du einen Mauseffekt:

  1. Öffne deinen Editor.
  2. Wähle das entsprechende Element aus.
  3. Klicke auf das Symbol Animation .
  4. Klicke auf Mauseffekte.
  5. Wähle die Option Keine aus.
Das Panel „Animation hinzufügen“ im Wix Editor, in dem die Option „Keine“ zum Entfernen des Mauseffekts hervorgehoben ist