Add Blur Effect to Section Block

Context

The Section block serves as a versatile container for organizing content. To stay aligned with modern design trends, we want to introduce a blur effect option, allowing users to apply a subtle blur background to sections. This will help us achieve a glass-morphism look that’s starting to get trendier.

Solution

Implement a blur effect option within the Section block settings. This effect will be achieved using the CSS properties: