<!DOCTYPE html>
<html>
<head>
<style>
div{
width: 20px;
height: 20px;
background-color: rgb(250, 0, 0);
}
.op1{
opacity: 0.9;
}
.op2{
opacity: 0.7;
}
.op3{
opacity: 0.5;
}
.op4{
opacity: 0.3;
}
.op5{
opacity: 0.1;
}
</style>
</head>
<body>
<div class="op1"></div>
<div class="op2"></div>
<div class="op3"></div>
<div class="op4"></div>
<div class="op5"></div>
</body>
</html>
opacity는 요소의 불투명도, 투명도를 지정한다.
속성의 값은 0.1~1.0이다.
값이 낮을수록 투명하다.
'Web > HTML | CSS|JAVASCRIPT' 카테고리의 다른 글
| overflow 정리(CSS) (0) | 2020.07.27 |
|---|---|
| Linear Gradients 그라데이션 적용하기(CSS) (0) | 2020.07.27 |
| Shadow 정리(CSS) (0) | 2020.07.27 |
| border-radius 정리(CSS) (0) | 2020.07.27 |
| 간단한 hover 기능 구현(HTML, CSS) (0) | 2020.07.27 |
