input Animation ; input을 클릭하면 label이 움직임

해외 유튜버 동영상을 보고 만들어 봤다. 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은 선택자로 ..

2019.11.26