」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 成幀器運動|簡介 - 第 1 部分

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

發佈於2024-08-05
瀏覽:741

為什麼 ?

Framer Motion 是一個函式庫,可讓您輕鬆地在 React 應用程式中製作動畫。用於添加過渡、拖曳等動畫效果。

誰創建的?

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

如何安裝?

Framer 支援 React 18 以上版本。若要透過 npm 安裝,請執行以下命令。

npm install framer-motion

Framer 運動庫沒有任何依賴項,您可以透過單一套件開始套用它。

Image description

Image description

Framer Motion 已表明它受到了用戶的高度讚賞,截至今天(2024 年 7 月 10 日),npm 每週下載量約為 340 萬次,Github 上有 22700 個 star。

使用

在你想要的元件中,可以從framer-motion庫導入framer-motion
庫導入

import { motion } from "framer-motion";

export default function App() {
  return ;
}
對象,加入運動組件任何html或svg 元素。

從「framer-motion」導入{motion}; 導出預設函數 App() { 返回; }

版本聲明 本文轉載於:https://dev.to/boraacici/framer-motion-giris-part-1-1a8j?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3