#212121
HTML +TailwindCSS
1<button 2 title="Add New" 3 class="group cursor-pointer outline-none hover:rotate-90 duration-300" 4> 5 <svg 6 xmlns="http://www.w3.org/2000/svg" 7 width="50px" 8 height="50px" 9 viewBox="0 0 24 24" 10 class="stroke-zinc-400 fill-none group-hover:fill-zinc-800 group-active:stroke-zinc-200 group-active:fill-zinc-600 group-active:duration-0 duration-300" 11 > 12 <path 13 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" 14 stroke-width="1.5" 15 ></path> 16 <path d="M8 12H16" stroke-width="1.5"></path> 17 <path d="M12 16V8" stroke-width="1.5"></path> 18 </svg> 19</button> 20
4.6K views
4.6K views