Animated changing gradient background layout

Tags: katie, simple, animation, layout, cute

Description:

If you like this style, you can use it in your profile, BUT at least, ADD ME or COMMENT BELOW and give me some kudos! I spent time for making this layout!!! Credits are appreciated (a post, a bulletin or something else that can support me) You have permission to use this for your Layout only, you don't have permission to post elsewhere without giving a link to the original crediting me

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Katie (https://layouts.spacehey.com/layout?id=2267) -->

<style>

.details, .mood, .blurbs, .blog-preview, footer {
  Background: linear-gradient(to right, salmon, crimson);
 border-radius: 5px 5px 5px 5px; /* top left, top right, bottom right, bottom left */
}

H1 {
  display: grid;
  place-content: center;

  Background: linear-gradient(to right, salmon, crimson);
 border-radius: 5px 5px 5px 5px; /* top left, top right, bottom right, bottom left */
}


.url-info, .friends,  table, .contact, .comments{ Background: linear-gradient(to right, violet, plum);
 border-radius: 5px 5px 5px 5px; /* top left, top right, bottom right, bottom left */
}


Body {
  --min: 10ch;
  --gap: 1rem;

  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}

:root {
        --logo-blue: #;
        --darker-blue: #;
        --lighter-blue: #;
        --even-lighter-blue: #;
        --lightest-blue: #;
        --dark-orange: #;
        --light-orange: #;
        --even-lighter-orange: #;
        --green: #;}

.comment-replies { border: 0px solid black;}


table, th, td {
  border: 0px solid #c8a2c8;
}

Main { background-color: transparent;}

Body, main, A, B, P, H1, h4 { color: white;
font-size: 14px;

}


body {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
</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 7 of 7 comments ( View all | Add Comment )

sana !!	1730525255 <3 Report Comment
Effervescent	1637451159 thank u Report Comment
♡𝒜𝓁𝒾❀𝒟𝑜𝓁𝓁♡	1636947564 Thank you so much for creating this super cute layout♡ Report Comment
Kaye Dallas🤍✨🧚🏾	1636923260 love it Thankyou!! Report Comment
Darrin	1633495279 Very pretty layout. Thank you for sharing your work with us! Report Comment
CHIARA COSIMI	1615324979 Love it! thank you Report Comment
rosiedisposition	1614749687 amazing, just the kind of chill aesthetic i was hoping for! Report Comment