samples/box_reflect.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>倒影 | www.waylau.com</title>
    <meta name="description" content="倒影">
    <meta name="author" content="Way Lau, www.waylau.com"/>
    <meta name="viewport" content="width=device-width">
    <link rel="shortcut icon" href="/favicon.ico">

    <style>
        .reflect {
            width: 950px;
            margin: 0 auto;
            -webkit-box-reflect: below -10px -webkit-linear-gradient(transparent, transparent 50%, rgba(255, 255, 255, .3));
            font: bold 100px/1.231 georgia, sans-serif;
            text-transform: uppercase;
        }
    </style>

</head>
<body>

<h1>暂时只支持 webkit 内核的浏览器</h1>
<div class="reflect">
    <div>倒影</div>
</div>


</body>
</html>