Skip to main content

Keyboard buttons

There is a customized <kbd> tag for displaying keyboard buttons, <kbd> is just a simple tag to show them and itself does not have any functionality, also it can have different styles by adding color setter classes.

index.html
<kbd>Ctrl</kbd> + <kbd>F5</kbd>

<div class="size-2x">
<kbd class="style-red">โŒ˜</kbd> +
<kbd class="style-blue">S</kbd>
</div>

<div class="size-3x">
<kbd class="style-orange">Ctrl</kbd> + <kbd class="style-yellow">Shift</kbd> +
<kbd class="style-green">S</kbd>
</div>