2

由于设备限制，我只能使用 javascript 或 JQuery 来“镜像”图像。我曾尝试过 Reflection.js，但这不是我想要的。

我想要的是简单地“镜像” img 标签的图像。

任何人都可以帮忙吗？提前致谢。

4

1 回答 1

3

试试 jsfiddle 中提到的这个例子：

CSS：

div.reflection
{
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
}

img{
    height: 150px;
    width: 150px;
}

HTML 代码：

<div>
    <img src='http://2.bp.blogspot.com/-TslgI6ySuW8/VNC-u9YQYeI/AAAAAAAABtA/mviMstL4pIk/s1600/Screenshot_2015-02-03-17-55-46.png'/>
</div>
<div class="reflection">
    <img src='http://2.bp.blogspot.com/-TslgI6ySuW8/VNC-u9YQYeI/AAAAAAAABtA/mviMstL4pIk/s1600/Screenshot_2015-02-03-17-55-46.png'/>
</div>

点击这里

于 2013-03-25T10:11:02.143 回答