<html>
<head>
<style>
img {
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>Create reflection below image, with 10px distance, and gradually fading.</p>
<img src="img_flwr.gif" alt="flowers" width="224" height="162">
</body>
</html>