CSS 3 dapat digunakan untuk membuat property box-shadow dengan mudah. property box-shadow adalah efek memunculkan bayangan (shadow) pada box.
Source code
<html>
<head>
<style type="text/css">
#table1 {
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 5px 6px #ccc;
}
#table2 {
-moz-box-shadow: inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
box-shadow: inset 0 0 10px #000000;
}
</style>
</head>
<body>
<table id="table1">
<tr>
<td><b>#table1</b> dengan box-shadow</td>
</tr></table><br>
<table id="table2">
<tr>
<td><b>#table2</b> dengan Inner Shadow</td>
</tr></table>
</body>
</html>
No comments :
Post a Comment