了解如何創建CSS動畫搜索表單。
如何創建一個動畫搜索表單
點擊輸入字段：
步驟1）添加HTML：
例
<input type="text" name="search" placeholder="Search..">步驟2）添加CSS：
例
.input[type=text] {
width: 130px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
/* When the input field gets
focus, change its width to 100% */
input[type=text]:focus {
width: 100%;
} 試一試» 請訪問我們的CSS教程表格 ，詳細了解了如何樣式HTML表單。