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

Framer-Antrag | Einführung – Teil 1

王林
Freigeben: 2024-07-18 12:43:22
Original
974 Leute haben es durchsucht

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
Nach dem Login kopieren

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 />;
}
Nach dem Login kopieren

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!

Quelle:dev.to
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage