Question

是否可以使用带有CSS反射的HTML元素，还可以定义反射的倾斜度＆amp;缩放吗

注意我只是为iPad编码所以我只使用CSS3 -webkit-box-reflection。也许我可以定义-webkit-box-reflection属性来执行此操作？如：

style="-webkit-box-reflection: below 0px skew(5) scale(0.5);"

PS：有没有办法在Firefox，Chrome中得到反思（webkit应该在这里工作不应该吗？）＆amp; IE浏览器？据我所知，你只能使用CSS“技巧”来获得在Firefox中工作的反射，这是真的吗？是不是有-moz-box-reflection？

Answer 1

是的，你可以这样做而不是-webkit-box-reflection，你也应该用元素来做：

-webkit-transform: skew(5) scale(0.5);

-webkit-transform:  /* Saf3.1+, Chrome */
   -moz-transform:  /* FF3.5+  */
    -ms-transform:  /* IE9  */
     -o-transform:  /* Opera 10.5  */
        transform:  /* Standard */
           filter: progid:DXImageTransform.Microsoft.Matrix(/* attr */) /* IE6–IE9 */
             zoom: 1; /* for filter (IE) */

但除了canvas

之外，我不知道任何用于框反射的跨浏览器解决方案

CSS反思：我可以把它做成规模吗？扭曲？

1 个答案: