Type Here to Get Search Results !
   

     

Comedy Movies

/* Google Fonts - Poppins */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap'); *{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } body{ height: 100vh; display: flex; align-items: center; justify-content: center; background: #4070f4; overflow: hidden; } .input-box{ position: relative; height: 55px; max-width: 55px; width: 100%; margin: 0 40px; border-radius: 6px; background-color: #fff; transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .input-box.open{ max-width: 350px; } input{ position: relative; outline: none; border: none; height: 100%; width: 100%; border-radius: 6px; font-size: 16px; font-weight: 400; color: #333; background-color: #fff; } .input-box.open{ padding: 0 15px 0 65px; } .icon{ position: absolute; height: 100%; top: 0; left: 0; width: 60px; border-radius: 6px; display: flex; justify-content: center; background-color: #fff; } .search-icon, .close-icon{ position: absolute; top: 50%; font-size: 30px; transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .search-icon{ color: #4070f4; transform: translateY(-50%) rotate(90deg); } .input-box.open .search-icon{ transform: translateY(-50%) rotate(0); } .close-icon{ right: -45px; color: #fff; padding: 5px; opacity: 0; pointer-events: none; transform: translateY(-50%); } .input-box.open .close-icon{ opacity: 1; pointer-events: auto; transform: translateY(-50%) rotate(180deg); }

Popunder ads

No results found

Recent posts

Show more
That is All

Bollywood Movies

160x600

Social

Native