KBD

Install

Using bower:

bower install kbd

Then, point to kbd.css.

Usage

Wrap one or more keys inside a <kbd> tag. Examples:

<kbd>ctrl</kbd>

<kbd>a</kbd>

Themes

standard

Press ctrl then key a to select all. You can save by doing: cmd+s. Or you can try something different: cmdshifts.

qwertyuiop
asdfghjkl
zxcvbnm

deep-blue

<kdb class="deep-blue">a</kbd>

Press ctrl then key a to select all. You can save by doing: cmd+s. Or you can try something different: cmdshifts.

qwertyuiop
asdfghjkl
zxcvbnm

dark-apple

<kdb class="dark-apple">a</kbd>

Press ctrl then key a to select all. You can save by doing: cmd+s. Or you can try something different: cmdshifts.

qwertyuiop
asdfghjkl
zxcvbnm

type-writer

<kdb class="type-writer">a</kbd>

Press ctrl then key a to select all. You can save by doing: cmd+s. Or you can try something different: cmdshifts.

qwertyuiop
asdfghjkl
zxcvbnm

Notice

Case of letters is important. Take into account that shifta produced by:

<kbd>shift</kbd><kbd>a</kbd>

is different from:

<kbd>SHIFT</kbd><kbd>A</kbd>

That produces: SHIFTA

Inspiration

The awesome keycss library by Michael Hue

License

MIT