Neumorphic Color Button Animation snippet

Loading…

Neumorphic Color Button Animation snippet | GoSnippets

Source Code

1<h1>Animation Buttons</h1>
2<p>Hover us and enjoy the satisfying neumorphic animation designs!</p>
3<div class="frame">
4  <button class="custom-btn btn-1">Read More</button>
5  <button class="custom-btn btn-2">Read More</button>
6  <button class="custom-btn btn-3"><span>Read More</span></button>
7  <button class="custom-btn btn-4"><span>Read More</span></button>
8  <button class="custom-btn btn-5"><span>Read More</span></button>
9  <button class="custom-btn btn-6"><span>Read More</span></button>
10  <button class="custom-btn btn-7"><span>Read More</span></button>
11  <button class="custom-btn btn-8"><span>Read More</span></button>
12  <button class="custom-btn btn-9">Read More</button>
13  <button class="custom-btn btn-10">Read More</button>
14  <button class="custom-btn btn-11">Read More<div class="dot"></div></button>
15  <button class="custom-btn btn-12"><span>Click!</span><span>Read More</span></button>
16  <button class="custom-btn btn-13">Read More</button>
17  <button class="custom-btn btn-14">Read More</button>
18  <button class="custom-btn btn-15">Read More</button>
19  <button class="custom-btn btn-16">Read More</button> 
20</div>

Neumorphic Color Button Animation snippet

Source Code

More Utilities snippets

Comments(0)

Working in Tailwind? Explore our Tailwind gallery