[css] opacity의 함정

Edward Hyun·2022년 1월 5일
0

app&web-dev

목록 보기
55/178
post-custom-banner

CSS 에는 opacity 라는 멋진 속성이 있죠,
하지만 이 속성의 단점은 해당 요소의 자식 요소 까지 모두 투명해진다는 단점이 있습니다.
배경만 투명하게 하고 싶으실 시에는 rgba를 이용하시면 됩니다.

사용법은 아래와 같습니다.

background-color: rgba(255,255,255,0.5);

위 명령은 하얀색에 투명도를 50%로 준 것입니다.

출처: https://kkotkkio.tistory.com/47

profile
앱&웹개발(flutter, vuejs, typescript, react), 인공지능(nlp, asr, rl), 백엔드(nodejs, flask, golang, grpc, webrtc, aws, msa, nft, spring cloud, nest.js), 함수형 프로그래밍(scala, erlang)을 공부하며 정리합니다.

0개의 댓글