본문 바로가기
html, css, bootstrap

6.8 login form part one

by 신방동불주먹 2022. 11. 23.

placeholder 색 변경

placeholder의 색을 변경하거나 디자인을 바꾸고 싶다면, ::placeholder 선택자를 사용하면 됩니다.

 

 

 

:focus

CSS :focus 의사 클래스는 양식의 입력 칸 등 포커스를 받은 요소를 나타냅니다. 보통 사용자가 요소를 클릭 또는 탭하거나, 키보드 Tab 키로 선택했을 때 발동합니다.

 

 transition

 

속성을 사용하여 정해진 시간 동안 요소의 속성값을 부드럽게 변화시킬 수 있습

  • ease ; 천천-빠름-천천
  • linear ; 등속
  • ease-in ; 천천-보통
  • ease-out ; 보통-천천
  • ease-in-out ; 천천-보통-천천
  • cubic-bezier ; 커스텀
  • steps ; 뚝뚝 끊어 보여준다

 

'html, css, bootstrap' 카테고리의 다른 글

css_flex 다시정리  (0) 2022.11.21
css_transition  (0) 2022.11.11
css_states  (0) 2022.11.11
css_position  (0) 2022.11.11
css_flexbox  (0) 2022.11.11