diff --git a/client/style.sass b/client/style.sass
index 18e0a3c..6296382 100644
--- a/client/style.sass
+++ b/client/style.sass
@@ -32,20 +32,31 @@
 .project .columns .column
     padding: 0.25rem
 
+.visible-on-hover
+  transition-property: opacity visibility;
+  transition-duration: 0.33s;
+
 .project .column .visible-on-hover
+  opacity: 0
   visibility: hidden
 .project .column .title:hover > .visible-on-hover
+  opacity: 1
   visibility: visible
 .project .column:hover > .visible-on-hover
+  opacity: 1
   visibility: visible
 
 .project .column .card .visible-on-hover
+  opacity: 0
   visibility: hidden
 .project .column .card:hover .visible-on-hover
+  opacity: 1
   visibility: visible
 
 .cards-list .card
     border-top: 4px solid $grey-lighter
+    transition-property: border-color;
+    transition-duration: 0.33s;
 .cards-list .card .card-content
     padding: 0.75rem
 .cards-list .card .card-footer