【簡単】CSSでフォーカスした際に検索窓を伸ばす方法

.search {
  width: 200px;
  transition: all .6s ease;
}

.search:focus {
  width: 300px;
}