css hover and active states

.btn-action {
	transition: all 0.3s ease;
}
 
.btn-action:hover,
.btn-action:active,
.btn-action:focus {
	color: #ccc;
	/*opacity: 0.9;*/
	-webkit-filter: brightness(85%);
	filter: brightness(85%);
	transition: all 0.3s ease;
	/*
	-webkit-filter: contrast(90%) brightness(110%) hue-rotate(-180deg);
	filter: contrast(90%) brightness(110%) hue-rotate(-180deg);
	*/
}

Leave a Reply

Your email address will not be published. Required fields are marked *