diff options
| -rw-r--r-- | pages/repo/github/repos.html | 4 | ||||
| -rw-r--r-- | src/css/ghrepo.css | 7 | ||||
| -rw-r--r-- | src/css/style.css | 4 |
3 files changed, 10 insertions, 5 deletions
diff --git a/pages/repo/github/repos.html b/pages/repo/github/repos.html index 8ea8408c..bd0821a7 100644 --- a/pages/repo/github/repos.html +++ b/pages/repo/github/repos.html @@ -14,13 +14,13 @@ </head> <body> - <div class="bgWrap"> + <div class="bgWrap animate reveal"> <!-- headers --> <div header page="GhRepo"></div> <!-- main Github Functions --> <main class="container"> - <section class="intro tilt" data-tilt-reverse="false"> + <section class="intro tilt" data-tilt-reverse="false" data-tilt-full-page-listening> <div class="user-info animate animation--fast slideInTop"></div> </section> diff --git a/src/css/ghrepo.css b/src/css/ghrepo.css index 71cb6fc4..ddc53a4d 100644 --- a/src/css/ghrepo.css +++ b/src/css/ghrepo.css @@ -306,7 +306,7 @@ input:active, background: rgba(0, 0, 0, 0.3); transform: scale(0.95); animation-duration: 0.5s; - transition: background 0.5s, transform 1s, all 0.3s + transition: background 0.5s, transform 1s, all 0.3s; } @@ -318,15 +318,18 @@ input:active, border-radius: 30px; border: 2px solid var(--accent); color: var(--text); + transform: scale(1); -webkit-transition: background 0.5s, transform 0.5s, border 0.5s, all 0.5s; - transition: background 0.5s, transform 0.5s, border 0.5; + transition: background 0.5s, transform 0.5s, border 0.5, all 0.3s; } .link-btn:hover { background: rgba(22, 136, 240, 0.5); border: 2px solid var(--text); + border-radius: 16px; transform: scale(1.1); transition: background 0.5s, transform 0.5s, border 0.5s, all 0.5s; + -webkit-transition: background 0.5s, transform 0.5s, border 0.5s, all 0.5s; box-shadow: 0 0 50mm rgba(0, 156, 255,.7); } diff --git a/src/css/style.css b/src/css/style.css index 1cd244a1..1650d4b3 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -342,7 +342,6 @@ a:hover { transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; text-underline-offset: 1px; - transition: all .5s; position: relative; height: 100%; font-size: 5mm; @@ -352,6 +351,9 @@ a:hover { margin-right: 5mm; padding-top: 3mm; padding-bottom: 3mm; + font-weight: bold; + -webkit-transition: all .5s; + transition: all .5s; /* border-radius: 8px; */ /* color: #F4E8C1; */ } |