Skip to content

Instantly share code, notes, and snippets.

@AlexeyShepelev
Created Jun 22, 2021
Embed
What would you like to do?
@import url("https://fonts.googleapis.com/css2?family=Audiowide&display=swap");
@keyframes show {
from {
opacity: 0;
transform: scale(0) rotate(-180deg);
}
to {
opacity: 1;
transform: scale(1) rotate(0);
}
}
body {
margin: 0;
height: 100vh;
/* --- */
background: url("https://images.pexels.com/photos/414659/pexels-photo-414659.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"),
linear-gradient(135deg, skyblue, steelblue 90%);
background-blend-mode: overlay;
/* --- */
background-size: cover;
display: grid;
place-items: center;
}
h1 {
font-family: "Audiowide", cursive;
color: #00b74a;
font-size: 4rem;
text-transform: uppercase;
text-align: center;
text-shadow: 0 1px 2px #262626;
animation: show 2s linear forwards;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment