澳门现金网代理

2019-11-02CSS1950
  • 詳情內容
  • 留言點評

第一種︰隨著現代瀏覽器對CSS3的支持愈發完善,對于實現各個瀏覽器兼容的元素的水平翻轉或是垂直翻轉效果也就成為了可能。相關的CSS代碼如下︰

/*水平翻轉*/.flipx {    -moz-transform:scaleX(-1);    -webkit-transform:scaleX(-1);    -o-transform:scaleX(-1);    transform:scaleX(-1);    /*IE*/    filter:FlipH;} /*垂直翻轉*/.flipy {    -moz-transform:scaleY(-1);    -webkit-transform:scaleY(-1);    -o-transform:scaleY(-1);    transform:scaleY(-1);    /*IE*/    filter:FlipV;}

第二種,就目前而言,對于基于webkit核心的瀏覽器,如Chrome以及Safari,實現元素的垂直翻轉或是水平翻轉也可以使用如下樣式︰

/*水平翻轉*/.flipx { transform: rotateY(180deg); } /*垂直翻轉*/.flipy { transform: rotateX(180deg); }

綜合比較︰第一種兼容性相對要好,建議使用第一種方式;第二種情況在iPhone5會出現兼容問題,可能原因是為部分IOS Safari瀏覽器不支持rotate。

歡迎點評!也可以是問題反饋和建議

支持Ctrl+Enter提交
暫無留言,快搶沙發!
0

真心很贊,必須打賞!嗯,以資鼓勵~

點此打賞

99%看過的人還會看

澳门现金网代理 | 下一页