[HTML CSS JS] 검색 박스 구현 (Search Box) HTML CSS JS를 활용하여 Transition 효과가 들어간 검색 박스를 구현한다. 1. HTML 구현 search 클래스 div를 생성 search div 내에 input 태그 생성 material-icons 클래스를 갖는 span 태그 생성 material-icons 클래스는 구글에서 제공하는 아이콘들을 이용하기 위한 방법으로 내용(content)로 아이콘 명을 작성하면 해당 아이콘이 삽입됨 https://fonts.google.com/icons 구글에서 제공하는 material-icons를 활용하기 위해 태그 안에 아래 코드 삽입 (삽입 위치는 js파일, css파일 위에 작성하는 것이 좋음) 2. CSS 구현 /* 높이와 하위 항목 position absolute 지정을 위한 position .. 2022. 2. 6. 이전 1 다음