【CSS】투명도

3542 단어 CSS CSS3

opacity

요소를 투명하게 한다

투명도는 0.0~1.0의 수치로 지정.

0이 완전히 투명하고 1이 완전히 불투명

투명도를 설정하지 않으면 ...

예.html

    <div class="one">
      <p>透明度 1.0</p>
    </div>
    <div class="half">
      <p>透明度 0.5</p>
    </div>
    <div class="zero">
      <p>透明度 0</p>
    </div>

예.css

p {
  font-size: 30px;
  background-color: red;
  width: 200px;
  height: 100px;
  float: left;
  margin-right: 10px;
}

물론 이대로.
CSS를 적용하면

예.css

.one {
  opacity: 1.0;
}

.half {
  opacity: 0.5;
}

.zero {
  opacity: 0;
}

이와 같이

투명도 0은 모두 투명 해지므로 아무 것도 빛나지 않습니다

Reference

이 문제에 관하여(【CSS】투명도), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/mikimikiman/items/e94c9069118d10033db2

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다