feat: add profile quote with animation

This commit is contained in:
john-emerson14
2020-03-21 16:01:43 -03:00
parent 8909705495
commit 081aebf4c6
2 changed files with 35 additions and 2 deletions

View File

@@ -55,4 +55,31 @@ body {
.link:hover {
background-color: var(--bgColor);
color: var(--accentColor);
}
}
#profileQuote {
color: #bbb;
font-size: 1rem;
display: block;
font-family: var(--font);
width: 100%;
text-align: center;
/* animation */
overflow: hidden;
background: linear-gradient(90deg, #000, #fff, #000);
background-repeat: no-repeat;
background-size: 80%;
animation: animate 3s linear infinite;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(255, 255, 255, 0);
}
@keyframes animate {
0% {
background-position: -500%;
}
100% {
background-position: 500%;
}
}