To add a pressed effect on button click in CSS, you can utilize the :active pseudo-class. This pseudo-class is triggered when the button is being actively clicked or pressed. Here’s an example of how you can implement a pressed effect on a button using CSS: .pressed-button { /* Set initial button styles */ padding: 10px 20px; background-color: #eaeaea; border: none; color: #333; transition: transform 0.3s; } .pressed-button:active { /* Apply the pressed effect on button click */ transform: scale(0.95); /* You can add other styles like changing the background color or box shadow for a more pronounced effect */ }