jonathanlal / google-like-search-bar

Google like search bar HTML/CSS 2018

Google-Like Search Bar

Google like search bar HTML/CSS 2018

CSS:

    .search {
      height: 44px;
      width: 584px;
      line-height: 44px;
      border: none;
      border-radius: 2px;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
      margin-bottom: 30px;
      font: 16px arial,sans-serif;
      padding-left: 17px;
    }
    .search:hover, .search:focus {
      outline: none;
      box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    }

HTML:

      <input class="search" type="text" placeholder=" ">