1. ホーム
  2. html

<video>をミラーリングにすることは可能ですか?

2023-12-18 21:12:45

質問

タグ内の動画を水平・垂直方向にミラーリングすることは可能でしょうか?

どのように解決するのですか?

CSS3の3次元変換を使ってできます。

#videoElement
{
    transform: rotateY(180deg);
    -webkit-transform:rotateY(180deg); /* Safari and Chrome */
    -moz-transform:rotateY(180deg); /* Firefox */
}

これはY軸を中心に180度回転させ(つまり後ろから見ている)、ミラーリングされているのと同じ外観になります。

http://jsfiddle.net/DuT9U/1/