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