Skip to content

Instantly share code, notes, and snippets.

@Daltonic
Created Oct 4, 2021
Embed
What would you like to do?
Predictive index.css stylesheet.
*
{
margin: 0;
padding: 0;
/* font family: 'Quicksand', sans-serif; */
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 100vh;
background-color: #fffce2;
}
body::before
{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#e91e63), to(#ffc107));
background: linear-gradient(#e91e63, #ffc107);
-webkit-clip-path: circle(38% at 20% 5%);
clip-path: circle(38% at 20% 5%);
}
body::after
{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#da00ff));
background: linear-gradient(#ffffff, #da00ff);
-webkit-clip-path: circle(38% at 80% 100%);
clip-path: circle(38% at 80% 100%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment