pjmil pjmil - 1 month ago 4x
CSS Question

CSS click effect

enter image description here
enter image description here

I made this thing with javascript to increment/decrement an input field. It has a hover state but it lacks a click state.

Is there a neat way to make a click state using only CSS?

E.g. darken the background slightly more for 0.1 sec on each click.

Browser compatible solutions preferred but not required.


I believe the :active pseudo class is what you are after:


A 0.1 sec delay could be achieved using CSS3 transitions, however using jQuery would be simpler and work across more browsers.