[WordPress] 外掛分享： Animated SVG Block

內容簡介

總結：
這個外掛可以讓你使用vivus.js動畫庫和intersection observer API讓SVG在進入視窗時產生動畫效果。使用帶有描邊顏色和寬度且沒有填充的路徑。注意：這個外掛會新增SVG支援。它會檢查常見的SVG支援外掛是否存在，如果不存在，會以安全的方式添加SVG支援。

問題與答案：
1. 這個 WordPress 外掛可以用來做什麼？
- 使用vivus.js動畫庫和intersection observer API讓SVG在進入視窗時產生動畫效果。

2. 在使用這個外掛時需要注意什麼？
- 使用路徑帶有描邊顏色和寬度且沒有填充的SVG圖形。

3. 這個外掛的一個重要功能是什麼？
- 外掛會檢查是否存在常見的SVG支援外掛，如果不存在，會以安全的方式添加SVG支援。

外掛標籤

開發者團隊

原文外掛簡介

This plugin allows you to use the vivus.js animation library and the intersection observer API to animate an SVG as it enters the viewport. Use a path with a stroke color and width and no fill. NOTE: SVG support is added by this plugin. The plugin checks for the existence of popular SVG support plugins, and if not present, adds SVG support in a secure manner.

延伸相關外掛

Spectra Gutenberg Blocks – Website Builder for the Block EditorSpectra 是一款免費的 Gutenberg 區塊編輯器擴充外掛，提供超...Breadcrumb NavXTBreadcrumb NavXT 是受歡迎的 WordPress 外掛 Breadcrumb Nav...WP Go Maps (formerly WP Google Maps)WP Go Maps 是一款簡單易用的 Google 地圖外掛，讓使用者能快...PDF Embedder這款外掛程式可以上傳 PDF 檔案，並將它們直接嵌入到您網站的...Otter Blocks – Gutenberg Blocks, Page Builder for Gutenberg Editor & FSEOtter Blocks 是一款專為 Gutenberg 編輯器設計的外掛，提供...Layout Grid Block想要輕鬆設定自訂欄位寬度和位置的列排版嗎？也許您想要在文...Email Address Encoder這是一個輕量級的外掛，可以保護純文字的電子郵件地址和 mail...Crowdsignal FormsThe Crowdsignal Forms 外掛可以讓您直接在區塊編輯器中建立...Blocks Animation: CSS Animations for Gutenberg BlocksBlocks Animation 可以讓您以優雅的方式，為所有的 Gutenberg...Superb Addons: Blocks, Patterns & Theme Designer for the Block Editor & FSE使用 Superb Gutenberg Blocks，只需幾秒鐘即可將全新的優秀...Genesis BlocksGenesis Blocks 是一個能夠在 Gutenberg 段落編輯器中使用的...Flexible Table BlockFlexible Table Block 是一款強大的 WordPress 區塊編輯器表...Category Posts WidgetCategory Posts Widget是一個輕巧的小工具，設計用於一件事並...Snow Monkey EditorSnow Monkey 編輯器是一個可以擴展區塊編輯器的外掛。 GitHub...Snow Monkey BlocksSnow Monkey Blocks 是一個為 Gutenberg 所設計的內容區塊外...