티스토리 뷰
아래 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
- javascript
- Wordpress
- Prototype
- Linux
- 한글
- nginx
- Debug
- JSON
- nodejs
- sencha touch
- 워드프레스
- laravel
- Android
- centos
- ASP
- git
- IOS
- iphone
- classic asp
- PHP
- mssql
- Docker
- macos
- iis
- CSS
- JQuery
- IE
- Mac
- 안드로이드
- API
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
글 보관함