
<!DOCTYPE html> <html> <head> <style>   input[type=text3]
 { width:
    130px;
    box-sizing:
     border-box;
      border: 3px solid steelblue;
       border-radius: 4px;
        font-size: 16px;
         background-color: white;
          background-image: url('sicon.png');
           background-position: 10px 10px;
            background-repeat: no-repeat;
            padding: 12px 20px 12px 40px;
             -webkit-transition: width 0.4s ease-in-out;
              transition: width 0.4s ease-in-out;
               }
               input[type=text3]:focus { width: 60%; }
                </style>
                 </head>
                 <body>
                 <form> <input type="text3" name="search" placeholder="Search..">
                  </form>
                   </body>
                    </html>