W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!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>