CODEWITHSUNDEEP
htmlcss
JohnnyTheHobo
JohnnyTheHobo

Reputation: 77

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

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

Upvotes: 1

Views: 758

Answers (1)

Tiago André
Tiago André

Reputation: 51

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);
}

Upvotes: 2

Related Questions