CoCoaTalk 1 - 3 Form(login)

집중해서 듣느라 정리를 틈틈이 못했다.. ㅋ;;

 

 

정리해보자

 

login form은 id값을 줘서 역시 flex 해주고 column으로 axis 바꾼다.

input요소가 네 개~~ 모두 보더라인 없애주고 아래 보더라인만 주고 투명도 조절해줌, 상하에 간격을 준다

폰트 사이즈 조정해주고 아래만 마진 설정해줘서 간격 조절~

 

그리고 placeholder 컬러를 투명도를 준다.(pseudo selectors)

and~~~ 인풋 창에 foucs효과를 줌 ( 여기서 variable.css에 노란색 전역 변수를 설정해 놓음 - 자주 쓸 거기 때문에

그리고 import를 꼭 해주자)

그리고 transition효과를 배운 데로 state가 아닌 element에 직접 준다.

요렇게  진행되었다~~

 

뭔가 찜찜하다 인풋 태그 모두에 적용하다 보니 로그인 사인 업에도 모두 적용되어있다....

음 혼자 제거는 해봤지만 다음 수업에서 진행할 것 같으니!! 기다리자 ㅋ