💬 Explanation:
👉 The :active pseudo class is applied to an element whenever it is clicked or activated using the keyboard
👉 In the default state, we set a box shadow (with no blur) and offset it by 4px both right and down
👉 In the active state, we remove the offset of the box shadow but meanwhile offset the element itself by 4px in both sides to achieve this effect
#css
#csstricks
#webdesign
#frontend
#reactjs
#html
#vuejs
#javascript
#webdevelopment