@octamap/click-effects v1.2.2

Click Effects

Really small script for adding hover & click effects.

Setup

Add anywhere in head of index.html:

<script src="https://cdn.jsdelivr.net/npm/@octamap/click-effects@1.x.x/dist/index.js" defer></script>

Usage:

Standard:

<!-- Hover:  #F0F0F0:   -->
<!-- Active:  #E8E8E8:   -->
<button class="clickable"></button>

Make darker

<button class="clickable f"></button>

Reduce opacity

<button class="clickable opacity"></button>