CSS를 사용하여 입력을 클릭하면 라벨에 애니메이션을 추가하는 데 도움을 줄 수 있는 사람이 있나요?

Question

아아아아

입력에 inputUser라는 클래스를 생성한 후 라벨 스타일로 애니메이션을 생성해 보았지만 작동하지 않았고 이유를 모르겠습니다. 애니메이션에는 사용자가 캠프 텍스트를 클릭할 때 라벨(Nome, Email, Telefone, Cidade, Estado 및 Endereco)이 올라가고(상단: -20px) 글꼴 크기가 12px로 줄어들며 색상이 녹색으로 변경됩니다. 노란색. [[여기에 이미지 설명을 입력하세요](https://i.stack.imgur.com/8gg3w.png)](https://i.stack.imgur.com/Z05NC.png)

Answer 1

당신이 찾고 있는 것은 标签放在输入字段的顶部，直到用户处于焦点或有数据 在输入을 필드 안에 넣는 것이라고 생각합니다. 그럼 레이블이 그 위에 있기를 원하시나요?

아래에 클립을 첨부했습니다.

이 작업을 수행하는 사람:

으아악

으아악 으아악