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

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

王林
發布: 2024-07-18 12:43:22
原創
973 人瀏覽過

這是什麼?

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 庫導入motion 對象,並將運動組件添加到任何html 或svg 元素。

import { motion } from "framer-motion";

export default function App() {
  return <motion.div />;
}
登入後複製

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

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板