added some hover transitions

sepsol · Jun 10, 2020 · 5ed15ea · 5ed15ea
1 parent 3ea4fdd
commit 5ed15ea
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/styles.css b/styles.css
@@ -30,6 +30,7 @@ body {
   box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.6);
   display: inline-block;
   cursor: pointer;
+  transition: color 0.5s, background-color 0.5s;
 }
 .button:hover {
   color: #222;
@@ -42,6 +43,7 @@ input, textarea {
   color: #F2F2F2;
   padding: 10px 16px;
   outline: none;
+  transition: border 0.3s;
 }
 input:focus, textarea:focus {
   border: 2px solid var(--primary);