Help Center / Nicht kategorisiert / KI nutzen, um Animationseffekte hinzuzufügen

KI nutzen, um Animationseffekte hinzuzufügen

Last Update: Januar 26, 2025

Bewegungseffekte sind eine großartige Möglichkeit, Ihre Webseiten einfacher navigierbar, lebendiger und besser für die Steigerung des Nutzerengagements und der Konversion zu gestalten. Leider kann das Hinzufügen dieser Animationseffekte schwierig und zeitaufwendig sein. Elementor AI kann den Prozess erheblich vereinfachen.

Animationseffekte hinzufügen

Note
Wir empfehlen die Verwendung von Elementor Pro, um die volle Bandbreite der Bewegungseffekte zu nutzen.

Mit Elementor AI können Sie in einfachem Englisch beschreiben, welche Animationseffekte Sie wünschen, während Elementor AI die Einstellung der richtigen Optionen für Sie übernimmt. 

So fügen Sie Animationseffekte mit Elementor AI hinzu:

Note
In diesem Beispiel fügen wir ein Bild hinzu, das sich bewegt, wenn Besucher den Cursor darüber bewegen.  
  1. Ziehen Sie ein Bild-Widget auf die Arbeitsfläche. Einzelheiten finden Sie unter Elemente zu einer Seite hinzufügen.
  2. Fügen Sie dem Bild-Widget Inhalte hinzu. Einzelheiten finden Sie unter Bild-Widget.  
  3. Klicken Sie auf den Tab Erweitert.
  4. Öffnen Sie im Panel den Abschnitt Bewegungseffekte.
  5. Klicken Sie auf das Symbol Mit KI animieren.
    Note
    Sie können Mit KI animieren auch für Hover-Effekte verwenden, indem Sie den Abschnitt Transformieren öffnen, Hover auswählen und auf das Symbol „Mit KI animieren“ klicken.



    Das KI-Fenster wird angezeigt.
  6. Geben Sie im KI-Fenster im Textfeld Bei Hover bewegen ein.
    Tip
    Die Eingabeaufforderung sollte einen spezifischen Effekt enthalten, den Sie erzielen möchten. Wenn Sie beispielsweise einen Scrolleffekt wünschen, wählt die KI einen Scrolleffekt aus, während die KI den Ausblendeffekt anwendet, wenn Sie angeben, dass ein Bild ausgeblendet werden soll, wenn der Benutzer scrollt.

  7. Klicken Sie auf Animation generieren.
    Dadurch werden die notwendigen Optionen zur Erstellung des Effekts generiert.
  8. Klicken Sie auf Animation verwenden.

    Im Panel sehen Sie, dass die notwendigen Optionen ausgewählt sind.

    Das Element enthält den gewünschten Bewegungseffekt.
Note
Animate AI funktioniert nicht mit Sticky-Effekten und kann keine responsiven Einstellungen anwenden.
Note
Animate with AI erstellt Effekte mithilfe der Elementor Editor-Einstellungen. Es kann keine Effekte erstellen, die von diesen Einstellungen nicht unterstützt werden.
On this page

Share this article

Hosted with