首頁 >web前端 >js教程 >成幀器運動|簡介 - 第 1 部分

成幀器運動|簡介 - 第 1 部分

WBOY
WBOY原創
2024-07-19 03:57:19925瀏覽

簡介

Framer Motion 是一個函式庫,可讓您輕鬆地將動畫新增至 React 應用程式。用於新增轉場、拖曳互動等動畫效果。

創作者

它是由 Framer 公司創建的。 Framer 是一家專門開發用於使用者介面 (UI) 設計和原型製作工具的公司。

安裝

Framer 支援 React 18 及更高版本。要透過 npm 安裝它,請執行以下命令:

npm install framer-motion

Framer Motion 庫沒有依賴項,您可以透過單一套件開始使用它。

Image description
Image description

截至 2024 年 7 月 10 日,Framer Motion 在 npm 上的每週下載量約為 340 萬次,在 GitHub 上有 22,700 顆星,這表明其用戶非常讚賞。

用法

在您想要的元件中,您可以從framer-motion 庫匯入motion 對象,並為任何HTML或SVG 元素。

import { motion } from "framer-motion";

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

以上是成幀器運動|簡介 - 第 1 部分的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn