yourcontainer {
--borderwidth: 60px;
/* change the number here to make the border bigger or smaller! for best results keep it between 40-84px. */
border-image-source: url([YOUR IMAGE PATH.PNG]);
/* everything else here shouldn't need to be changed! */
border: var(--borderwidth) solid transparent;
margin: var(--borderwidth);
border-image-slice: 84; /* don't change this! */
border-image-repeat: round; /* this makes the border smoothly fit any size container */
border-image-outset:1; /* this puts the border outside your container */
}
.yourcontainer > .containercontent {
margin:calc(0px - var(--borderwidth))
/* have this as an element inside your container - for example:
and your content goes here!
*/
}
welcome beautiful people.
What did they see?
You can find out.
Just click their eyes...
