pjmil pjmil - 2 months ago 22
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.

Answer

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

http://www.w3schools.com/cssref/sel_active.asp

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