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 양식 스타일을하는 방법에 대한 자세한 내용은.