티스토리 뷰

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

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

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

참고

댓글
댓글쓰기 폼
Total
818,138
Today
266
Yesterday
322
«   2020/02   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
글 보관함