Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
YOLO
<div class="content">
<p>YOLO</p>
</div>
html {
min-height: 100vh;
}
body {
background: linear-gradient(to bottom, #94fef7 0%, #aafea3 25%, #f9fbb1 50%, #fea6f7 75%, #94fef7 100%);
min-height: 100vh;
margin: 0;
padding: 0;
}
.content {
margin: 0;
padding: 0;
background: linear-gradient(to bottom, #94fef7 0%, #aafea3 25%, #f9fbb1 50%, #fea6f7 75%, #94fef7 100%)
height: 200vh;
}
.content p {
font-family: sans-serif;
background: linear-gradient(to top, #94fef7 0%, #aafea3 25%, #f9fbb1 50%, #fea6f7 75%, #94fef7 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 50vh;
line-height: 100vh;
text-align: center;
margin: 0;
padding: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment