WIP Pink/yellow/green frutiger metro/vector flourish!

skin coded by me! free to use, just made for fun. I intend to add more onto it later!

Code

<div class="skin-decoration skin-decoration--pink">
  <img src="https://i.postimg.cc/fT7w6r1b/Untitled-design-removebg-preview.png" alt="" loading="lazy" />

<style>
@keyframes float{
	0%{
		transform:translate(0, 0);
	}
	50%{
		transform:translate(0, 8px);
	}
	100%{
		transform:translate(0, 0);
	}
}
[data-skin-page]{
	--skin-palette-accent:##43515e;
	--skin-palette-accent-text:#ffe2e6;
	--skin-palette-chrome:#eafe83;
	--skin-palette-chrome-text:#ffe2e6;
	--skin-palette-link:#93f7f7;
	--skin-palette-link-hover:#93F7F7;
	--skin-palette-muted:#753855;
	--skin-palette-backdrop:##e2e7ec;
	--skin-palette-page:##ffffff;
	--skin-palette-page-text:#93F7F7;
	--skin-palette-surface:#ff6db3;
	--skin-palette-surface-link-hover:#93F7F7;
	--skin-palette-surface-text:#93F7F7;
	background-attachment:fixed;
	background-image:url("https://i.postimg.cc/j5tsYcs1/Screenshot-Edited.jpg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	cursor:url("https://cdn.cursors-4u.net/previews/pink-clover-fbc13af9-32.webp") 0 0, auto !important;
}
@keyframes spin{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(-360deg);
	}
}
[data-skin-part="photo"] img,
[data-skin-part="photo"] .profile-placeholder{
	animation:spin 7s infinite linear;
	border-radius:50%;
}
</style></div>

Comments

No comments yet.