How to add image(or custom shape) to divider?

user_8289680 0
Viewed 38

I want to recreate this divider. How to add the leaves to the divider? Is there a nicer way to do it besides creating the border in photoshop, export as a jpg and linking it to the divider?

I don't care about the inner section.

enter image description here

css html
1 Answers

You can use an SVG as well!

Since the leaves are plain color and linear shapes, why not turn them into a vector?

Here is an example:

.divider {
  border-image-source: url(leaves.svg);
}
user_115043370
Related