[CSS] CSS 배경색 지우는 방법 / 배경 투명하게 하는 방법

2021-05-10 - 코드 기존에 적용한 배경색을 지우는 코드는 아래와 같다. background-color: transparent; 지운다는 의미보다는 투명하게 바꾼다는 의미가 좀 더 맞으며, transparent 자체가 사전적인 뜻으로 투명이라는 의미를 가지고 있다. 메인 이미지 출처: Photo by Emma Harrisova on Unsplash

• format_list_bulleted WEB/CSS
• · 2021. 5. 10.
• textsms

[CSS] CSS opacity 를 이용한 background 의 투명도 조절

2021-03-15 opacity 구글 번역상에서 불투명이라는 단어로 해석된다. 말 그대로 색에 투명도를 부여할 수 있는 css 속성이다. 오늘은 이를 통해 배경색의 변화를 주는 방법을 알아보자. - opacity opacity의 기본(default) 값은 1이다. 1이 원색 그 자체로써 투명도를 부여하지 않은 것을 뜻한다. 해당 속성은 0부터 1까지의 범위를 가지며, 자유롭게 값을 부여할 수 있다. - 예제 opacity 0.1 opacity 0.3 opacity 0.5 opacity 0.7 opacity 0.9 opacity 1 div 태그에 배경색을 각각 부여해주고 이후 opacity통해 각각 다른 투명도를 부여해 주었다. 결과는 아래와 같으며, 부여된 opacity의 숫자가 작을수록 점점 투명도가..

• format_list_bulleted WEB/CSS
• · 2021. 3. 15.
• textsms