-swiper,tab
codepen
-텍스트 타이핑 애니메이션1,2(라이브러리)
자신이 원하는 문구를 타이핑 하듯이 흘러나오게 만들 수 있는 라이브러리이다.
-키프레임을 이용한 이미지 반전
- transform-origin:bottom center: 전환점을 정하고 시작하겠다
codepen
-스와이퍼,패럴렉스(라이브러리)
페이지를 넘길 때마다 글자가 나오는 속도를 숫자를 사용해서 조절할 수 있는 라이브러리이다.
-각종 폼 입력요소
1. 일반텍스트
- input type="text"이며 placeholder를 쓰면 빈 칸에 원하는 문구르 적을 수 있다.
- value 는 기본값이며 그 다음부터 텍스트를 쓸 수 있다
- readonly는 더 이상 입력이 안된다
- 멀티텍스트
- textarea를 쓴다
- cols는 가로로 어디까지 쓸 수 있냐고 rows는 세로로 얼마나 쓸 수 있는 지 정할 수 있다. 만약 10이면 10이상 쓸 때 스크롤 바가 생긴다
- 셀렉트 박스
- 셀렉트 밑에는 option만 쓸 수 있다
- 옵션을 고르기 전에 문구를 쓸 수 있다
- selected disabled는 썼던 문구를 다시 선택 할 수 없다(색깔도 좀 다름)
4.체크박스
- 체크박스를 할 때는 라벨을 붙여야 나중에 꾸밀 때 편하다
5.라디오박스
- input type은 radio이며 동그라미 선택지이다
- name="??"는 둘 중 하나만 선택하고 싶을때 쓰인다
- 날짜 및 시간
- 날짜만 쓰고 싶을 때는 input type="date"
- 날짜+시간은 input type="datetime+local"를 쓰면 된다
- 범위와 파일
- 범위:input type="range"==조절기가 나와서 조절할 수 있다
- 파일:input type="file"==파일을 선택 할 수 있다
codepen