Skip to content

Add patterns as an overlay option in addition to colors and gradients #38577

@jasmussen

Description

@jasmussen

The Cover block lets you choose between color and gradient for the overlay:

Colors

Extending that to allow the use of a pattern can potentially open up some stylish expressions, perhaps especially when applied to video. Shown here, a pixel grid overlay:

Pattern

The existing color picker could be extended to surface these patterns as a tab, just like gradients:

Cover layered overlays i5

The patterns themselves can be entirely CSS based, here's a codepen with an example.

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Block] CoverAffects the Cover Block - used to display content laid over a background image[Feature] Design ToolsTools that impact the appearance of blocks both to expand the number of tools and improve the experi[Type] EnhancementA suggestion for improvement.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions