デバイスの制限により、画像を「ミラーリング」するには JavaScript または JQuery のみを使用する必要がありました。Reflection.js を試してみましたが、それは望んでいません。
私が望むのは、img タグのイメージを単純に「ミラーリング」することです。
誰でも助けることができますか?前もって感謝します。
デバイスの制限により、画像を「ミラーリング」するには JavaScript または JQuery のみを使用する必要がありました。Reflection.js を試してみましたが、それは望んでいません。
私が望むのは、img タグのイメージを単純に「ミラーリング」することです。
誰でも助けることができますか?前もって感謝します。
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>