pseudo-class :after로 전체 덮는 레이어 장막 만들기
아래 Result 탭의 입력란에 포커싱을 해보면 푸른색의 전체를 뒤덮는 레이어가 보이는데 css 만으로 구현 가능하다 See the Pen Text Input Effects by Yeon Jun Kwak (@cezips76) on CodePen. input :focus 하면 전체화면 가리는 푸른 레이어는 .input__label--kyo::after 에 의해 만들어지고 opacity:0 으로 지정하여 일단 보이지 않음 참고
웹프로그래밍/css
2015. 1. 15. 14:58
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- Docker
- macos
- ASP
- JSON
- nginx
- laravel
- javascript
- git
- mssql
- iphone
- CSS
- centos
- Android
- 워드프레스
- nodejs
- 한글
- JQuery
- IE
- classic asp
- 안드로이드
- Wordpress
- API
- PHP
- iis
- sencha touch
- Mac
- Linux
- Debug
- IOS
- Prototype
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함