티스토리 뷰
아래 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
링크
- Make Use Of
- How to geek
- 인터넷 통계정보 검색시스템
- 트위터 공유 정보모음
- 웹표준KR
- 치우의 컴맹탈출구
- Dev. Cheat Sheets
- w3schools
- Dev. 조각들
- ASP Ajax Library
- CSS Tricks
- WebResourcesDepot
- jQuery Selectors Tester
- DeveloperSnippets
- Smashing Magazine
- Nettuts+
- devListing
- 웹 리소스 사이트(한)
- Mobile tuts+
- Dream In Code
- Developer Tutorials
- CSS3 Previews
- 자북
- 안드로이드 사이드
- Code Visually
- Code School
- SQLer.com
- 무료 파워포인트 템플릿
- iconPot
- Free PowerPoint Templates
- Design Bombs
- Web Designer Wall
- 1st Webdesigner
- Vandelay Design
- 무료 벡터 이미지 사이트들
- Tripwire Magazine
- Web TrendSet
- WebMonkey
- 윤춘근 프리젠테이션 디자이너 블로그
- cz.cc 무료 DNS
- [웹하드] MediaFire
- [웹하드] DivShare
- 한컴 인터넷 오피스
TAG
- Debug
- 한글
- centos
- IOS
- sencha touch
- Wordpress
- 워드프레스
- Mac
- Linux
- mssql
- iphone
- Prototype
- nginx
- JQuery
- API
- git
- PHP
- JSON
- ASP
- Android
- Chrome
- 안드로이드
- classic asp
- CSS
- javascript
- nodejs
- laravel
- iis
- Docker
- IE
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함