CSS3属性——reflect倒影

通过 webkit-box-reflect 设直方向、距离。
方向可以设直为 below above left right 
 
demo如下 
HTML:
    <div>
        <img class="reflect" width="100px" height="100px" src="image/Snipaste_2022-08-27_15-24-13.jpg" alt="">
    </div>
    <div class="reflect">AAA</div>

CSS：

  .reflect {
        -webkit-box-reflect: below 10px;
   }

效果图:

 

 

 
 
posted @ 2022-09-17 15:41  菜彩  阅读(153)  评论(0)    收藏  举报