Button by Hybaa
#e8e8e8
HTML +TailwindCSS
1<div class="group relative"> 2 <button> 3 <svg 4 stroke-linejoin="round" 5 stroke-linecap="round" 6 stroke="currentColor" 7 stroke-width="2" 8 viewBox="0 0 24 24" 9 height="44" 10 width="44" 11 xmlns="http://www.w3.org/2000/svg" 12 class="w-8 hover:scale-125 duration-200 hover:stroke-blue-500" 13 fill="none" 14 > 15 <path fill="none" d="M0 0h24v24H0z" stroke="none"></path> 16 <path d="M8 9h8"></path> 17 <path d="M8 13h6"></path> 18 <path 19 d="M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-5l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12z" 20 ></path> 21 </svg> 22 </button> 23 <span 24 class="absolute -top-14 left-[50%] -translate-x-[50%] z-20 origin-left scale-0 px-3 rounded-lg border border-gray-300 bg-white py-2 text-sm font-bold shadow-md transition-all duration-300 ease-in-out group-hover:scale-100" 25 >Comment <span> </span 26 ></span> 27</div> 28
545 views
Variation of abutton
MIT License