Browser supported box-shadow: Safari 3+, Chrome 3+, Firefox 3.5+, Opera 10.5+, and IE9 Beta.
Contoh:
box-shadow
box-shadow
<html>
<head>
<style type="text/css">
div {
width: auto;
height: 200px;
background-color: #A1A1A1;
}
#box_shadow {
box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
border-radius: 10px;
background-color: #f1f1f1;
}
</style>
</head>
<body>
<div>
<h1>BOX SHADOW</h1>
<p>Box shadow merupakan bayangan disekeliling kotak Box shadow merupakan bayangan disekeliling kotak Box shadow merupakan bayangan disekeliling kotak Box shadow merupakan bayangan disekeliling kotak</p>
<p>Box shadow merupakan bayangan disekeliling kotak Box shadow merupakan bayangan disekeliling kotak Box shadow merupakan bayangan disekeliling kotak Box shadow merupakan bayangan disekeliling kotak</p>
<p>Box shadow merupakan bayangan disekeliling kotak Box shadow merupakan bayangan disekeliling kotak Box shadow merupakan bayangan disekeliling kotak Box shadow merupakan bayangan disekeliling kotak</p>
</div>
</body>
</html>
0 komentar:
Posting Komentar