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" />