Skip to content

Instantly share code, notes, and snippets.

@Kurzdor
Created December 2, 2018 18:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Kurzdor/ef54c16e13a490c605cec22f1f2a2223 to your computer and use it in GitHub Desktop.
Save Kurzdor/ef54c16e13a490c605cec22f1f2a2223 to your computer and use it in GitHub Desktop.
<style>
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html,
body {
height: 100%;
min-width: 100%;
}
body {
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin: 0;
font-family: 'Raleway', sans-serif;
background: linear-gradient(57deg, #4f0f57, #000000);
background-size: 400% 400%;
-webkit-animation: r-animation 21s ease infinite;
-moz-animation: r-animation 21s ease infinite;
-o-animation: r-animation 21s ease infinite;
animation: r-animation 21s ease infinite;
}
.content {
width: 800px;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
.logo {
width: 128px;
margin-bottom: 24px;
}
.heading {
margin: 0;
margin-bottom: 12px;
}
.links {
display: flex;
justify-content: space-between;
align-items: flex-start;
position: absolute;
bottom: 5%;
left: 50%;
width: 300px;
margin: 0 auto;
padding: 0;
list-style-type: none;
transform: translateX(-50%);
}
a {
color: #fff;
}
@-webkit-keyframes r-animation {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 51%;
}
100% {
background-position: 0% 50%;
}
}
@-moz-keyframes r-animation {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 51%;
}
100% {
background-position: 0% 50%;
}
}
@-o-keyframes r-animation {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 51%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes r-animation {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 51%;
}
100% {
background-position: 0% 50%;
}
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment