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=Bungee&display=swap");
@keyframes pulse {
from {
transform: scale(1);
}
to {
transform: scale(1.2);
}
}
body {
margin: 0;
height: 100vh;
display: grid;
place-items: center;
background-color: #fbfbfb;
overflow: hidden;
}
p {
font-family: "Bungee", cursive;
font-size: 8rem;
color: transparent;
/* --- */
background-image: url("https://images.pexels.com/photos/1179229/pexels-photo-1179229.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260");
-webkit-background-clip: text;
background-clip: text;
/* --- */
background-size: cover;
background-position: center;
animation: pulse 2s linear infinite alternate;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment