다음 소스코드를 실행해 봅시다.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<div id="css3Style" style="opacity:0.2;" >
<div style="color:black; text-align:center; padding-right:20px; font-style:italic;">
HTML5 : CSS3 Opacity
</div>
</div>
</body>
</html>
스타일의 opacity라는 속성을 사용하면 투명도를 조절할 수 있습니다.
위의 예제에서는 div태그 전체가 투명도가 20%가 적용됩니다.
컬러를 black으로 설정했는데 이렇게 흐린 글씨로 표시되면 잘 된 것입니다.
'WEB_TECH > CSS3' 카테고리의 다른 글
| css3를 활용하여 모션주기. transition (0) | 2013.06.19 |
|---|---|
| css3 transform을 사용하여 모양 변형 시키기 (0) | 2013.06.19 |
| css3 모서리가 둥근 사각형 만들기 (0) | 2013.06.19 |
| css3를 사용하여 box-shadow 그림자 구현하는 방법 (0) | 2013.06.19 |
| font-face (0) | 2013.05.08 |
