Button by mRcOol7
#212121
HTML +TailwindCSS
1<button 2 class="group cursor-pointer outline-none hover:rotate-90 duration-300" 3 title="Add New" 4> 5 <svg 6 class="stroke-teal-500 fill-none group-hover:fill-teal-800 group-active:stroke-teal-200 group-active:fill-teal-600 group-active:duration-0 duration-300" 7 viewBox="0 0 24 24" 8 height="50px" 9 width="50px" 10 xmlns="http://www.w3.org/2000/svg" 11 > 12 <path 13 stroke-width="1.5" 14 d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z" 15 ></path> 16 <path stroke-width="1.5" d="M8 12H16"></path> 17 <path stroke-width="1.5" d="M12 16V8"></path> 18 </svg> 19</button> 20
1.1K views
Variation of abutton
MIT License