See the Pen Bootstrap/CSS transparent text on image by Woojin Choi (@woojin-choi) on CodePen.
부트스트랩과 CSS 이용해서 브라우저 크기 조절하면 이미지가 브라우저 크기에 맞게 바뀝니다.
이미지 위에 반투명으로 글자가 보이고 마우스를 이미지 위에 올리면 글자가 이미지 전체에 overlay 됩니다.
'프로그래밍 언어 > HTML5 + CSS3' 카테고리의 다른 글
| [CSS] 텍스트를 드래그하지 못하게 하는 방법 (2) | 2019.03.21 |
|---|---|
| [CSS] 이미지 위에 글자(텍스트) 보여주기 샘플 예제 (반투명) (0) | 2018.12.17 |
| [CSS] 반응형 퀴즈 및 문제풀이(4문항) 레이아웃(Layout) (0) | 2018.12.17 |
| [HTML5/CSS3/jQuery] 반응형 상단에 광고 추가 가능한 헤더 템플릿(Template) - 밝은 빨강 계열 샘플 (0) | 2018.12.13 |
| [CSS] CSS만으로 content / sidebar의 좌우 높이가 동일하게 유지하는 간단한 방법 (0) | 2018.11.18 |
댓글