Create active state for buttons, etc to differentiate from hover

Pixelkit / PixelKit-Bootstrap-UI-Kits

Free UI Kits built on Bootstrap for any developer that wants to build a cool looking and functional website. Enjoy!

http://pixelkit.com/free-ui-kits/

4.93k stars 984 forks source link

Create active state for buttons, etc to differentiate from hover #5

Closed gianpaj closed 7 years ago

gianpaj commented 10 years ago

Basically clickable elements should have become darker when clicked.

For example Bootstrap 3:

.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}