🦕 pfp lace runner [snippet]

inspired by table runners. a lace runner under profile picture, status, vibe and music.
change the height and margin to fit your layout. margin-top adjusts the vertical position of the lace runner, margin-bottom adjusts the vertical position of pfp/status..etc items.

Code

<style>
[data-skin-part="navigation"]{
	position:relative;
	z-index:2;
}
[data-skin-part="actions"]{
	margin-top:30px;
}
[data-skin-part="identity"]::before{
	content:'';
	padding-top:15px;
	display:block;
	width:calc(100% - 50px);
	height:430px;
	margin:-70px 0 -490px 0;
	border:20px solid transparent;
	border-image:url("https://file.garden/akDjc8P4F2RE4Rkf/borimage") 25% round;
	border-image-outset:5px;
	background-color:rgba(255,255,255,.5);
}
</style>

Comments

No comments yet.