Skip to content

Instantly share code, notes, and snippets.

@Evan-Nishi

Evan-Nishi/style.css

Last active Sep 14, 2020
Embed
What would you like to do?
styles for my summer scrapbook
body{
background: linear-gradient(45deg,rgba(137,255,255,0.5),rgba(161,252,143, 0.25), rgba(255,167,137, 0.5));
background-size: 400% 400%;
-webkit-animation: gradientBG 10s ease infinite;
animation: gradientBG 10s ease infinite;
height: 100vw;
overflow: hidden;
font-family:sans-serif;
}
@-webkit-keyframes gradientBG {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes gradientBG {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.header-title-avatar .mention-avatar{
border-color: black;
border-width: 5px;
border-style: solid;
}
.container{
background-color: rgba(255,255,255, 0.4);
border-radius: 5px;
border-color: black;
border-width: 5px;
border-style: solid;
width: 75vw;
margin: 0 auto;
transition: all 0.5s ease-out;
}
.container:hover{
box-shadow: 1vw 2vh #666666;
transform: scale(1.1);
transition: all 0.5s ease-out;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment