Added CSS transitions

2021-05-02 03:52:48 +02:00
parent ef1f8c63b9
commit 53fe6c4b2d
3 changed files with 12 additions and 1 deletions
--- a/style.scss
+++ b/style.scss
@@ -54,6 +54,7 @@ body {
      height: 100%;
      width: auto;
      border-left: 9px solid #fff;
+      transition: margin 0.5s ease, border-color 0.2s ease;
    }

    div#reflection {
@@ -63,6 +64,7 @@ body {
      bottom: 0;
      width: 100%;
      height: 100%;
+      transition: margin 0.5s ease;
    }
  }

@@ -71,6 +73,8 @@ body {
    height: 70px;
    width: 70px;
    cursor: pointer;
+    transition: background-color 0.2s ease;
+    background-color: #fff;

    &:nth-child(n + 2) {
      margin-left: 4px;