<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css的倒影的效果</title>
<style>
-webkit-box-reflect:位置 距離px -webkit-gradient()
位置選項:above,below,left,right
.box{
font-size: 72px;
color: red;
-webkit-box-reflect:
below -8px
-webkit-gradient(linear,
left top,left bottom,
from(rgba(0,0,0,0)),
to(rgba(255,255,255,0.5)));
}
</style>
</head>
<body>
<div class="box"><img src="images/shadow1.jpg" width="200"></div>
</body>
</html>