Button by EcheverriaJesus
#e8e8e8
HTML +TailwindCSS
1<div class="group relative"> 2 <button 3 class="bg-white w-10 h-10 flex justify-center items-center rounded-lg hover:text-blue-600 hover:translate-y-1 hover:duration-300" 4 > 5 <svg 6 class="w-6 h-6" 7 stroke="currentColor" 8 stroke-width="1.5" 9 viewBox="0 0 24 24" 10 fill="none" 11 xmlns="http://www.w3.org/2000/svg" 12 > 13 <path 14 d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3" 15 stroke-linejoin="round" 16 stroke-linecap="round" 17 ></path> 18 </svg> 19 </button> 20 21 <span 22 class="absolute w-20 text-center -bottom-12 left-[50%] -translate-x-[50%] origin-bottom tracking-wider z-20 scale-0 px-1 rounded-lg bg-white text-blue-600 py-2 text-sm transition-all duration-300 ease-in-out group-hover:scale-100" 23 >00.00 MB<span> </span 24 ></span> 25</div> 26
65 views
65 views
MIT License