From b35e2d7914b9a8b5ee648fd06aa66ee485a687e8 Mon Sep 17 00:00:00 2001 From: ankur731 <96834148+ankur731@users.noreply.github.com> Date: Thu, 25 Aug 2022 18:06:31 +0530 Subject: [PATCH] update style.css Add animation on Button Click --- style.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/style.css b/style.css index 5bbe8c5..b9e03fa 100644 --- a/style.css +++ b/style.css @@ -73,6 +73,12 @@ button { transition: all 0.5s ease; -o-transition: all ease 0.5s; } +button:active { + transform: scale(0.98); + /* Scaling button to 0.98 to its original size */ + box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); + /* Lowering the shadow */ +} button:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);