diff --git a/style.css b/style.css index e2f0c5d..a747be1 100644 --- a/style.css +++ b/style.css @@ -24,9 +24,14 @@ img { width: 350px; margin-right: 2em; border-radius: 5px; + transition: transform 0.2s ease-in-out; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; } +img:hover { + transform: scale(1.05); /* Increase image size by 10% */ +} + nav { display: grid; grid-row-gap: 1em; diff --git a/stylelinks.css b/stylelinks.css index 5792dbe..a7d3a7b 100644 --- a/stylelinks.css +++ b/stylelinks.css @@ -24,9 +24,14 @@ img { width: 350px; margin-right: 2em; border-radius: 5px; + transition: transform 0.2s ease-in-out; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; } +img:hover { + transform: scale(1.05); /* Increase image size by 10% */ +} + nav { display: grid; grid-row-gap: 1em;