Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- heroku
- DART
- node.js
- backend
- API
- Flutter
- MongoDB
- Session
- CSS
- HTML
- clonecoding
- 리액트
- NextJs
- Mongoose
- nodejs
- Component
- GRID
- form
- 자바스크립트
- ECMAScript
- frontend
- pug
- JavaScript
- javscript
- CLONE
- react
- graphQL
- TypeScript
- ES6
- express
Archives
- Today
- Total
Enjoy Programming
transparent keyword 본문
https://developer.mozilla.org/ko/docs/Web/CSS/color_value
- CSS: Cascading Style Sheets | MDN
CSS 자료형은 sRGB 색 공간의 한 색을 표현하며, 추가로 알파 채널 투명도 값도 가질 수 있어 자신이 가리키는 색상과 배경이 어떻게 합성되어야 하는지 지정할 수 있습니다.
developer.mozilla.org
react연습을 하던중 잘 사용하지 않던
transparent 키워드를 사용했는데 이게 무엇인지 찾아보았다.
기본적으로 transparent라는 말은 투명도이다.
color 속성에서 사용되며 기존에 필자는 거의 opacity를 사용했다.
또는 rgba(r,g,b,a)로 사용했는데 color에 transparent라는 키워드를 사용하면
rgba(0,0,0,0)를 적용시키는 효과이다. rgba(0,0,0,0) === transparent이다.
완전히 투명한 색으로 , 이 키워드를 적용하면 항목의 뒷편이 모두 보이게 된다.
한가지 짚고 넘어가자면 transparent는 투명도를
opacity는 불투명도를 설정한다. 어쨌든 값을 줌으로인해 투명한 정도를 조절할 수 있으나 사전적으로는 다르다~
https://developer.mozilla.org/ko/docs/Web/CSS/opacity
opacity - CSS: Cascading Style Sheets | MDN
opacity CSS 속성은 요소의 불투명도를 설정합니다.
developer.mozilla.org
'CSS' 카테고리의 다른 글
| em과 rem (0) | 2021.10.24 |
|---|---|
| CSS MASTER challenge 6 (0) | 2021.04.30 |
| CSS MASTER challenge 5 (0) | 2021.04.30 |
| CSS MASTER challenge 4 (0) | 2021.04.30 |
| SCSS - css preprocessors and set up (0) | 2021.04.25 |
'CSS' Related Articles
more
