filter:Fliph(属性)
filter:Flipv(属性)
属性:
| enabled |
フィルタを設定するかどうかを指定
0,false:フィルタを設定しない
1,true :フィルタを設定する |
filterプロパティのFliphフィルタを使って、画像や文字を左右に反転させたり、Flipvフィルタを使って、画像や文字を上下に反転させたりします。
DIV要素やSPAN要素に適用させる場合は、positionプロパティに「absolute」を指定するか、widthやheightプロパティを使って表示位置を指定する必要があります。
この指定をしなければフィルタの効果は現れません。

↑元の画像

↑左右に反転させています

↑上下に反転させています
写真素材:(c)素材散策
<STYLE type="text/css">
<!--
.case1 {
filter:Fliph(); }
.case2 {
filter:Flipv(); }
-->
</STYLE>
<IMG src="img/piaml10_07_1.jpg" width="100"
height="100" border="0"><BR>
↑元の画像<BR><BR>
<IMG src="img/piaml10_07_1.jpg" width="100" height="100"
border="0"
class="case1"><BR>
↑左右に反転させています<BR><BR>
<IMG src="img/piaml10_07_1.jpg" width="100" height="100"
border="0"
class="case2"><BR>
↑上下に反転させています