​x
 
<!DOCTYPE html>
<html>
<head>
<style>
img {
  -webkit-box-reflect: below 10px linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4));
}
</style>
</head>
<body>
​
<h1>CSS Box-Reflect</h1>
​
<p>在图像下方创建反射，距离为 10 像素，并逐渐淡出。</p>
​
<img src="/i/pic/flower.gif" alt="flowers" width="180" height="180">
​
</body>
</html>
​