![](/build/_assets/logo-png-XGWSYHKJ.png)
Input by jubayer-10
#e8e8e8
HTML +TailwindCSS
1<div 2 class="p-5 overflow-hidden w-[60px] h-[60px] hover:w-[270px] bg-[#4070f4] shadow-[2px_2px_20px_rgba(0,0,0,0.08)] rounded-full flex group items-center hover:duration-300 duration-300" 3> 4 <div class="flex items-center justify-center fill-white"> 5 <svg 6 xmlns="http://www.w3.org/2000/svg" 7 id="Isolation_Mode" 8 data-name="Isolation Mode" 9 viewBox="0 0 24 24" 10 width="22" 11 height="22" 12 > 13 <path 14 d="M18.9,16.776A10.539,10.539,0,1,0,16.776,18.9l5.1,5.1L24,21.88ZM10.5,18A7.5,7.5,0,1,1,18,10.5,7.507,7.507,0,0,1,10.5,18Z" 15 ></path> 16 </svg> 17 </div> 18 <input 19 type="text" 20 class="outline-none text-[20px] bg-transparent w-full text-white font-normal px-4" 21 /> 22</div> 23
370 views
370 views
MIT License