Adds hover effect to featured images on resoure list page

1 files changed, 10 insertions, 0 deletions

diff --git a/alphabetlearning/static/css/project.css b/alphabetlearning/static/css/project.css
index 102d9c9..7835f2e 100644
--- a/alphabetlearning/static/css/project.css
+++ b/alphabetlearning/static/css/project.css
@@ -152,6 +152,12 @@ nav > div > ul > li {
 
 
 .featured-img {
+    overflow: hidden;
+}
+
+
+.featured-img img {
+    transition: transform .5s ease;
     display: block;
     margin-left: auto;
     margin-right: auto;
@@ -162,6 +168,10 @@ nav > div > ul > li {
     width: 100%;
 }
 
+.featured-img:hover img {
+    transform: scale(1.2);
+}
+
 .featured-card-description {
     margin: 10px 0px;
     line-height: 1.1;