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

Crystalline Matrix Button

0 viewshard
Background:
1
2
3
4
5
6
7
8
9
10
11
<button class="crystal-matrix">
        <span class="crystal-text">Crystal Matrix</span>
        <div class="crystal-grid">
          <div class="crystal-node" style="--delay: 0s; --x: 20%; --y: 30%;"></div>
          <div class="crystal-node" style="--delay: 0.5s; --x: 50%; --y: 20%;"></div>
          <div class="crystal-node" style="--delay: 1s; --x: 80%; --y: 35%;"></div>
          <div class="crystal-node" style="--delay: 1.5s; --x: 30%; --y: 70%;"></div>
          <div class="crystal-node" style="--delay: 2s; --x: 70%; --y: 75%;"></div>
          <div class="crystal-connection"></div>
        </div>
      </button>
Was this helpful?