Added transitions to team images on hover

7 years ago · 8e22002c35
1 changed files with 5 additions and 4 deletions
--- a/css/style.css
+++ b/css/style.css
@ -524,13 +524,14 @@ body {
  margin-bottom: 30px; }

 .member img.colored {
-  display: none;
+  display: block;
  position: absolute;
  top: 0;
-  transform: scale(1.08); }
+  transition: transform 1s ease-in-out; }

-.member:hover img.colored {
-  display: block; }
+.member img.colored:hover {
+    transform: scale(1.1);
+    display: block; }

 .member h4 {
  margin-bottom: 4px; }