본문 바로가기 메뉴 바로가기

VoidNoble IT Zone

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

VoidNoble IT Zone

검색하기 폼
  • 분류 전체보기 (726)
    • AI (2)
    • 보안 (4)
    • 모바일 (119)
      • Flutter (0)
      • React Native (1)
      • 모바일웹 (20)
      • Android (54)
      • iOS (39)
      • 윈도우모바일 (1)
    • 웹프로그래밍 (314)
      • html (12)
      • js (77)
      • css (31)
      • NodeJS (13)
      • Python (1)
      • PHP (43)
      • ASP Classic (68)
      • GoLang (1)
      • Wordpress (6)
      • JSP (3)
      • .NET (6)
      • Scala (1)
      • XML (4)
      • 웹접근성 (6)
      • Adobe Air & Flex (2)
    • SQL (35)
      • MS-SQL (26)
      • MySql (5)
      • MongoDB (2)
    • OS-서버-서비스 (152)
      • macOS (9)
      • Docker (9)
      • CloudFlare (1)
      • NginX (5)
      • Git (3)
      • AWS (6)
      • Azure (4)
      • 구글 DFP (광고서버) (1)
      • Windows (72)
      • Elasticsearch (3)
      • IoT (1)
      • Linux (27)
    • 응용프로그래밍 (11)
      • Java (1)
      • C# (8)
      • Visual Basic (0)
      • VB.NET (0)
    • 디자인 (16)
      • Photoshop (5)
      • illustrator (0)
      • Flash (1)
      • 웹디자인 (6)
      • 디자인 리소스 (1)
      • Inspiration (0)
    • Tools (12)
      • Visual Studio Code (5)
      • sublime text (1)
      • PHPStorm (4)
    • 개발 옆차기 (1)
    • 서비스들 (18)
    • 용어?영어? (2)
    • 문서-사무-OA (0)
    • 자료실 (34)
    • 하드웨어 (0)
    • 네트워크 (2)
    • 개발자 생활로그 (4)
  • 방명록

pseudo (1)
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
이전 1 다음
이전 다음
공지사항
  • 비방 욕설 의견은 바로 삭제해 드립니다
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • Make Use Of
  • How to geek
  • 인터넷 통계정보 검색시스템
  • 웹표준KR
  • w3schools
  • Dev. 조각들
  • CSS Tricks
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
more
«   2025/11   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바