hover and active in css
css-----------
input{
background: transparent;
width: 80px;
height: 45px;
}
input:hover{
background: black;
color: white;
transition: 2s;
}
input:active{
background: lightgreen;
color:yellow;
transition: 2s;
}
html----------
<input name="" type="button" value="click here" />