內容簡介
Wavy Divider 外掛可讓您在頁面上生成並添加簡單的波浪分隔線，幫助您以專業的設計元素分隔內容區塊，提升網站的視覺效果。
【主要功能】
• 調整顏色設定，包括不透明度
• 選擇寬度：寬、正常或全寬
• 可選擇圓角或直線邊緣
• 精細調整曲線和線條
• 支援上方或下方形狀
• 可堆疊多個分隔線
外掛標籤
開發者團隊
原文外掛簡介
Generate and add a simple wavy divider to anywhere on your page, giving you the ability to separate blocks of content with an impressive, professional-looking design element.
Follow @kevinbatdorf on Twitter
View on GitHub
Features
Color settings, including opacity.
Choose between wide, normal, and full width
Choose between rounded edges and stright lines
Fine tune curves and lines with built-in controls
Supports top or bottom shapes
Stack multiple dividers with group block (see below)
Gradients – easy to use (see below)
Control height, number of points, and direction
Use a single, smooth point to give you a curved divider
Gradients
To use a gradient, you need to wrap the wavy divider in a group block and apply the gradient to the group block. After that, create a wavy shape and apply a color that matches your content background (e.g. white). You can then switch the direction of the divider (under settings) to give a mirrored effect. This way the gradient is applied to the group block and the wavy divider acts as a mask.
Group Block
If nesting the wavy divider in a group block, you may want to remove the padding and margins so that the wavy divider will not have spacing around it. To handle this, select the group block, and under “Advanced” (at the bottom of the settings area) add these two classes:
wavy-divider-remove-margin
wavy-divider-remove-padding
Patterns
Within the block inserter, under the Patterns tab, select ‘Wavy Divider’ from the dropdown menu to view some example patterns.
