diff --git a/src/css/style.css b/src/css/style.css
index 170bc12..65b70ec 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -413,6 +413,14 @@ a.button:visited {
display: block;
}
+.opacity-none {
+ opacity: 0;
+}
+
+.opacity-full {
+ opacity: 1;
+}
+
.spoiler-text {
display: inline;
/* These are technically the same, but use both */
@@ -628,8 +636,8 @@ input[type="radio"] {
position: fixed;
right: 1px;
bottom: 0;
- display: none;
z-index: 1100;
+ transition: all 0.3s ease;
}
.test {
diff --git a/src/index.html b/src/index.html
index b6ef2dc..706b0b2 100644
--- a/src/index.html
+++ b/src/index.html
@@ -30,7 +30,7 @@
-
+
diff --git a/src/js/page-functions.js b/src/js/page-functions.js
index 64e878f..ee1a396 100644
--- a/src/js/page-functions.js
+++ b/src/js/page-functions.js
@@ -10,13 +10,19 @@ function ScrollTo(element) {
function ShowElement(element) {
element.classList.toggle("hidden");
+ element.classList.toggle("opacity-none");
+
element.classList.add("visible");
+ element.classList.add("opacity-full");
}
function HideElement(element) {
element.classList.toggle("visible");
+ element.classList.toggle("opacity-full");
+
element.classList.add("hidden");
+ element.classList.add("opacity-none");
}
function TogglePageScrollElement(root, element, ratio) {