Button Click Animation in HTML & CSS

In this video tutorial, you will learn to create a Button Click Animation in HTML & CSS

#buttonanimation #hoveranimation #htmlcss

[payow_]

<button>Button</button>

button {
color: #fff;
padding: 8px 22px;
border-radius: 6px;
background: #7d2ae8;
transition: all 0.2s ease;
}

button:active {
transform: scale(0.96)
}

[emmanueldavis]

Thank you for making this helpful short!

[mansourchamaev]

I was looking for the most clean way to do this animation, and here you go, thanks bro

[yudesh_gaming]

button {
color: #fff;
Padding: 8px 22px;
Border-radius: 6px;
Background: #7d2ae8;
Transtition: all 0.2s ease;
}
Button:active {
Transform: scale(0.96);
}

[mansuralikhanpathan]

"Hi bro, how are you? Nice video! Can you please provide the source code?"

[yaduvanshirahul]

I think It calls transition not animation in animation keyframes takes place

[shuberquispecenteno]

como hacer para grabar videos como ese

[djcode]

This is fake I'm assuming the top code is the HTML and the bottom is CSS but it's fake