티스토리 뷰

아래 Result 탭의 입력란에 포커싱을 해보면
푸른색의 전체를 뒤덮는 레이어가 보이는데
css 만으로 구현 가능하다

See the Pen Text Input Effects by Yeon Jun Kwak (@cezips76) on CodePen.

  • input :focus 하면 전체화면 가리는 푸른 레이어는 .input__label--kyo::after 에 의해 만들어지고
    opacity:0 으로 지정하여 일단 보이지 않음

참고

댓글