티스토리 뷰
아래 Result 탭의 입력란에 포커싱을 해보면
푸른색의 전체를 뒤덮는 레이어가 보이는데
css 만으로 구현 가능하다
See the Pen Text Input Effects by Yeon Jun Kwak (@cezips76) on CodePen.
- input :focus 하면 전체화면 가리는 푸른 레이어는 .input__label--kyo::after 에 의해 만들어지고
opacity:0 으로 지정하여 일단 보이지 않음
'웹프로그래밍 > css' 카테고리의 다른 글
| mobile chrome 에서 img width < 110px 자동 흐릿 blerry 처리 막기 (0) | 2016.05.02 |
|---|---|
| Parallax (시차) 배경 (0) | 2015.07.19 |
| CSS 구조 개선 방법론 (0) | 2014.12.16 |
| 커서 드래그 선택 블럭 강조 색상 변경 (0) | 2013.04.18 |
| 데이터 테이블 응답형 디자인 링크모음 (0) | 2012.11.15 |
댓글
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- IOS
- Android
- Docker
- Wordpress
- Mac
- mssql
- Debug
- JSON
- JQuery
- 워드프레스
- CSS
- centos
- 안드로이드
- 한글
- sencha touch
- git
- IE
- javascript
- API
- PHP
- classic asp
- iphone
- nginx
- macos
- Prototype
- ASP
- nodejs
- iis
- laravel
- Linux
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 30 |
글 보관함