Heim >Web-Frontend >js-Tutorial >Framer-Antrag | Einführung – Teil 1

Framer-Antrag | Einführung – Teil 1

王林
王林Original
2024-07-18 12:43:22977Durchsuche

Was ist das?

Framer Motion ist eine Bibliothek, die Ihnen die einfache Animation in React-Anwendungen ermöglicht. Wird zum Hinzufügen von Animationseffekten wie Übergängen und Ziehen verwendet.

Erstellt von wem?

Erstellt von der Firma Framer. Framer ist ein Unternehmen, das speziell Tools für das Design von Benutzeroberflächen (UI) und Prototyping entwickelt.

Wie installiere ich?

Framer unterstützt React 18 und höhere Versionen. Führen Sie den folgenden Befehl aus, um die Installation über npm durchzuführen.

npm install framer-motion

Die Framer-Bewegungsbibliothek hat keine Abhängigkeiten und Sie können sie mit einem einzigen Paket anwenden.

Image description

Image description

Framer Motion hat gezeigt, dass es bei seinen Nutzern großen Anklang findet, mit etwa 3,4 Millionen wöchentlichen Downloads auf npm und 22700 Sternen auf Github (Stand heute (10.07.2024)).

Nutzung

Sie können das motion-Objekt aus der framer-motion-Bibliothek in die gewünschte Komponente importieren und einer beliebigen Komponente eine Bewegungskomponente hinzufügen HTML- oder SVG-Element.

import { motion } from "framer-motion";

export default function App() {
  return <motion.div />;
}

Das obige ist der detaillierte Inhalt vonFramer-Antrag | Einführung – Teil 1. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn