From d0af77b7481476beb693a772d840ebce714736f9 Mon Sep 17 00:00:00 2001 From: TheSparkPlays Date: Sat, 12 May 2018 13:51:26 +0200 Subject: [PATCH] Regular Update Added a Back to Top button and fixed the issue were the page would randomly scroll to the bottom. --- css/main.css | 27 +++++++++++++++++++++++---- index.html | 21 +++++++++++++++++++++ 2 files changed, 44 insertions(+), 4 deletions(-) diff --git a/css/main.css b/css/main.css index 5f3db71..e382cca 100644 --- a/css/main.css +++ b/css/main.css @@ -53,6 +53,29 @@ a:hover { transition: all .2s ease-in; } +#myBtn { + display: none; + position: fixed; + bottom: 20px; + right: 30px; + z-index: 99; + border: none; + outline: none; + background-color: #3498db; + color: white; + cursor: pointer; + padding: 15px; + padding-right: 19px; + padding-left: 19px; + font-size: 18px; + transition: all .2s ease-in; +} + +#myBtn:hover { + background-color: #2980b9; + transition: all .2s ease-in; +} + /* Navbar */ .topnav { @@ -63,10 +86,6 @@ a:hover { transition: all .2s ease-in; font-weight: 700; text-transform: uppercase; - position: fixed; - width: 100%; - top: 0; - z-index: 1; } .topnav a { diff --git a/index.html b/index.html index bd6db92..1f99368 100644 --- a/index.html +++ b/index.html @@ -42,6 +42,8 @@ + +
@@ -335,5 +337,24 @@

Some dude

} + + \ No newline at end of file