해외 유튜버 동영상을 보고 만들어 봤다. input을 클릭하면 label이 움직이는 애니메이션. 정확히 말하자면 transition을 이용하는 애니메이션이다. :valid 선택자를 활용해야지 input에 글을 써도 label이 위로 올라간 상태를 유지한다. :valid얘를 몰라서 무진장 애먹었다. ie는 10부터 적용된다. 나중에 9까지 적용 할 수 있을지 알아봐야겠다.(될려나...?) Input Ainmation Name /* 셋팅 */ * { margin:0; padding:0; } .wrap { margin: 20vh auto; width:50vh; height:50vh; text-align:center;} p { margin:100px auto 0; } /* form과 fieldset은 선택자로 ..

아이디 fieldset legend 이름 아이디 비밀번호 의견 지역선택 서울 부산 광주 대구 대전 성별 남자 여자 취미는? 여행 독서 영화감상 취미는? 여행 독서 영화감상 전송 취소 ※인프런 강좌 보고 작성했습니다. https://www.inflearn.com/course/html-css-webazit# 퍼블리셔 취업을 위해 제대로 배워보는 html과 css, 그리고 웹표준 - 인프런 웹표준 기초인 html과 css를 마스터하고 실전 웹페이지를 제작해 봅니다. 그때 그때 '그럴 것같은' 이 아니라 제대로 된 퍼블리싱 개념과 방법을 배워 퍼블리셔가 될 수 있습니다. 입문 웹 개발 웹앱 디자인 html/css 웹 디자인 온라인 강의 www.inflearn.com