Usefuldevtools.com
☕
Ad Space - Top Banner (728x90)

Water Ripples Checkbox

0 viewsmedium
Background:
Water Ripples Checkbox
1
2
3
4
5
6
7
8
9
10
11
12
<div class="ripple-container">
  <input type="checkbox" id="ripple-check" />
  <label for="ripple-check" class="ripple-label">
    <span class="water-surface">
      <span class="ripple ripple-1"></span>
      <span class="ripple ripple-2"></span>
      <span class="ripple ripple-3"></span>
      <span class="water-drop"></span>
    </span>
    <span class="ripple-text">Water Ripples</span>
  </label>
</div>
Was this helpful?