mirror of
https://github.com/johnggli/linktree.git
synced 2026-08-16 22:46:04 +01:00
feat: add profile quote with animation
This commit is contained in:
29
style.css
29
style.css
@@ -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%;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user