Css 把圖片檔直接 flip 鏡射處理

Css 應用於圖形上.把座標 Flip,可以省下與平面設計人員的部份工作.
如以下可以將圖形翻轉.
img {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}
但這只是個開始,因為這還不足以解決平面設計師的Loadding,還有接下來的語法.可以限制圖片的部份裁切,再加上PNG的使用,即可省下做出倒影的工時,就全交給程式搞定了.
This entry was posted in css 語法應用. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>