diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 065d6be..b43e102 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -1,4 +1,5 @@ # Add your Github username below if you are contributing to this project. 1. zetabug -1. jjakk \ No newline at end of file +1. jjakk +2. JamesVillanueva-Dev \ No newline at end of file diff --git a/style.css b/style.css index ff56940..f13f44f 100644 --- a/style.css +++ b/style.css @@ -139,6 +139,9 @@ section { border: none; color: #fff; background-color: transparent; + + /* Add smooth transition for hover effect */ + transition: transform 0.2s ease; } .options button label{ @@ -148,14 +151,19 @@ section { display: none; } +.options button:hover img { + transform: scale(1.2); /* grow image 20% on hover */ +} + .options button:hover > label{ margin-top: 25px; display: inline-block; opacity: 1; } -.options button img{ - height: 50px; +.options button img { + height: 50px; /* keep initial size */ + transition: transform 0.2s ease; /* smooth scaling */ } .options .paper img{