Tooltip by EcheverriaJesus
#e8e8e8
HTML +TailwindCSS
1<section class="relative flex justify-center items-center"> 2 <div 3 class="group flex justify-center transition-all rounded-full bg-gray-200 p-1" 4 > 5 <svg viewBox="0 0 320 512" class="w-4 h-4"> 6 <path 7 d="M80 160c0-35.3 28.7-64 64-64h32c35.3 0 64 28.7 64 64v3.6c0 21.8-11.1 42.1-29.4 53.8l-42.2 27.1c-25.2 16.2-40.4 44.1-40.4 74V320c0 17.7 14.3 32 32 32s32-14.3 32-32v-1.4c0-8.2 4.2-15.8 11-20.2l42.2-27.1c36.6-23.6 58.8-64.1 58.8-107.7V160c0-70.7-57.3-128-128-128H144C73.3 32 16 89.3 16 160c0 17.7 14.3 32 32 32s32-14.3 32-32zm80 320a40 40 0 1 0 0-80 40 40 0 1 0 0 80z" 8 ></path> 9 </svg> 10 <span 11 class="absolute opacity-0 group-hover:opacity-100 group-hover:-translate-y-7 duration-700 text-sm" 12 >Information</span 13 > 14 </div> 15</section> 16
1.1K views
1.1K views
MIT License