Itachi Pink Aesthetic

Tags: itachi pink akatsuki

Description:

Feel free to use and edit. Comment below if you do so :)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 𝔍𝔞𝔡𝔢💋 (https://layouts.spacehey.com/layout?id=27894) -->

<style>* {cursor: url('https://cur.cursors-4u.net/anime/images10/ani981.png'), auto !important;}</style>

<style>body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://64.media.tumblr.com/4a9b020902f3f55a94b0e6a305755b9e/90d0529b1bbde71d-05/s640x960/ed7c57ec8f4cb06747bb6d93f20c8f10930bb649.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	animation: yourAnimation 4s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
<style/></style>

<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url('https://media.tenor.com/TZaIBNauQfAAAAAM/stars-galaxy.gif');
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
} </style>

<style>main:before {
	width: 100%;
	height: 425px ;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/736x/9d/9c/7e/9d9c7ee206f82e08c50451c489fcee5a.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>

<style>
*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
   font-family: Lucida Calligraphy!important; 
   font-size: 13px !important; 
   color: #DB7093!important; 
   text-shadow: none!important; 
   letter-spacing: 1px;
}
body {
   background-image: url('https://wallpapercave.com/wp/wp5084702.jpg');
}
.top, .links, .heading, footer, button {
   background-color: #FFC0CB!important;
}
h1 {
   font-family: Lucida Calligraphy !important; 
   font-size: 15px !important;
}
h4 {
   color: #DB7093!important;
}
.contact, .url-info, .table-section, .profile-info {
   border-color: #FFC0CB!important;
}
td {
   background-color: transparent!important;
}
input, button:not(.logout-btn) {
   border: 1px groove #FFC0CB!important;
}
.pfp-fallback, .row.profile {
   border: 1px dotted #FFC0CB!important;
}
.logo-fallback {
   height: 38px !important;
}
.online {
    content: url(https://dl.glitter-graphics.com/pub/272/272679lz7b9hcea1.gif);
}

<style>body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://64.media.tumblr.com/4a9b020902f3f55a94b0e6a305755b9e/90d0529b1bbde71d-05/s640x960/ed7c57ec8f4cb06747bb6d93f20c8f10930bb649.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	animation: yourAnimation 4s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
<style/></style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 0 of 0 comments ( View all | Add Comment )