uiux 35일차

이명진·2025년 1월 3일

-swiper,tab

codepen


-텍스트 타이핑 애니메이션1,2(라이브러리)

자신이 원하는 문구를 타이핑 하듯이 흘러나오게 만들 수 있는 라이브러리이다.


-키프레임을 이용한 이미지 반전

  • transform-origin:bottom center: 전환점을 정하고 시작하겠다

codepen


-스와이퍼,패럴렉스(라이브러리)

페이지를 넘길 때마다 글자가 나오는 속도를 숫자를 사용해서 조절할 수 있는 라이브러리이다.


-각종 폼 입력요소
1. 일반텍스트

  • input type="text"이며 placeholder를 쓰면 빈 칸에 원하는 문구르 적을 수 있다.
  • value 는 기본값이며 그 다음부터 텍스트를 쓸 수 있다
  • readonly는 더 이상 입력이 안된다
  1. 멀티텍스트
  • textarea를 쓴다
  • cols는 가로로 어디까지 쓸 수 있냐고 rows는 세로로 얼마나 쓸 수 있는 지 정할 수 있다. 만약 10이면 10이상 쓸 때 스크롤 바가 생긴다
  1. 셀렉트 박스
  • 셀렉트 밑에는 option만 쓸 수 있다
  • 옵션을 고르기 전에 문구를 쓸 수 있다
  • selected disabled는 썼던 문구를 다시 선택 할 수 없다(색깔도 좀 다름)

4.체크박스

  • 체크박스를 할 때는 라벨을 붙여야 나중에 꾸밀 때 편하다

5.라디오박스

  • input type은 radio이며 동그라미 선택지이다
  • name="??"는 둘 중 하나만 선택하고 싶을때 쓰인다
  1. 날짜 및 시간
  • 날짜만 쓰고 싶을 때는 input type="date"
  • 날짜+시간은 input type="datetime+local"를 쓰면 된다
  1. 범위와 파일
  • 범위:input type="range"==조절기가 나와서 조절할 수 있다
  • 파일:input type="file"==파일을 선택 할 수 있다

codepen

0개의 댓글