From 081aebf4c6d3af4e57df799123f85265b8e01f64 Mon Sep 17 00:00:00 2001 From: john-emerson14 Date: Sat, 21 Mar 2020 16:01:43 -0300 Subject: [PATCH] feat: add profile quote with animation --- index.html | 8 +++++++- style.css | 29 ++++++++++++++++++++++++++++- 2 files changed, 35 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 509f272..4ed62e0 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,9 @@ Profile Picture -

@JohnEmerson1406

+
+ @JohnEmerson1406 +
+
+ #SejaFeliz❤ +
+ \ No newline at end of file diff --git a/style.css b/style.css index 96541a3..88f1800 100644 --- a/style.css +++ b/style.css @@ -55,4 +55,31 @@ body { .link:hover { background-color: var(--bgColor); color: var(--accentColor); -} \ No newline at end of file +} + +#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%; + } + } \ No newline at end of file