搜索框移動是網站設計中常用的特效之一，可以增加用戶體驗和頁面美觀度。其中使用CSS來實現搜索框移動效果是比較常見的方法之一。

/*CSS代碼*/
input[type="text"] {
padding: 10px;
border: none;
border-radius: 3px;
background-color: #f1f1f1;
position: relative;
left: -50%;
transition: all 0.5s;
}
input[type="text"]:focus {
outline: none;
left: 0;
}

以上是搜索框移動的CSS代碼，主要分為兩個部分。首先是搜索框的初始樣式，這里主要設置了輸入框的樣式和位置。其中，輸入框的位置使用了相對定位，且將其左移了50%。這樣可以將輸入框隱藏在頁面左側，等待用戶觸發特效。

其次，需要為輸入框設置焦點時的樣式。這里使用了:focus偽類，代表當輸入框獲得焦點時觸發樣式。在:focus中，我們設置了輸入框的位置為0，也就是說，當輸入框獲得焦點時，會從頁面左側移動進入用戶視線。

總的來說，使用CSS實現搜索框移動效果比較簡單，只需要掌握相對定位和偽類:focus即可。當然，這只是一個比較基礎的樣例，也可以根據實際需求進行更加復雜的搜索框移動特效。