最稳的pk10计划iphone 北京pk10计划手机软件 北京pk10数字的规律 超神手机版pk10软件 pk10北京赛车9码技巧 pk10四期倍投计划表 pk10极速赛车论坛 北京赛车冠军怎样选5码 北京赛车系统下载安装 pk10教程视频 北京pk10选号公式 北京赛车pk10赚钱技巧 北京赛车怎么提升概率 pk10技巧北京快三 北京pk10大小计划
VB.net 2010 視頻教程 VB.net 2010 視頻教程 VB.net 2010 視頻教程
SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
當前位置:
首頁 > 網站開發 > HTML >
  • css教程之matrix() [矩陣變形]

  • 2017-05-25 23:19 來源:未知

語法

transform:matrix(<number>,<number>,<number>,<number>,<number>,<number>);
語法項目 說明
初始值 none
適用于 塊元素和行內元素
可否繼承
媒介 視覺
版本 CSS3.0

說明

matrix()是矩陣函數,以一個含六值的(a,c,e,b,d,f)變換矩陣的形式指定一個2D變換,相當于直接應用一個[a c e b d f]變換矩陣。

注意:c,e的值用正弦或余弦值表示

IE雖然不支持大部分的CSS3變形,但是支持matrix濾鏡。

取值

matrix(<number>,<number>,<number>,<number>,<number>,<number>);

該函數包括6個參數(a,c,e,b,d,f),實際上它是一個3*3的矩陣:

2016-03-27_190000.jpg

  • 參數詳解:
  • a表示scaleX();
  • c表示skewY();
  • e表示skewX();
  • b表示scaleY();
  • d表示translateX();
  • f表示translateY();

實例代碼

CSS

				
  1. .matrix{
  2.     -webkit-transform:matrix(1,0.4,0,1,0,0);
  3.     -moz-transform:matrix(1,0.4,0,1,0,0);
  4.     position:absolute;
  5.     left:200px;
  6.     top:50px;
  7. }
復制
HTML

				
  1. <div class="demo_box matrix">復雜的矩陣變形</div>
復制
運行一下 »

兼容性

IE Firefox Opera Safari Chrome
IE 10+ Firefox 3.5+ Opera 11.50+ Safari 10+ Chrome 2.0+

pk10赛车冠军技巧
最稳的pk10计划iphone 北京pk10计划手机软件 北京pk10数字的规律 超神手机版pk10软件 pk10北京赛车9码技巧 pk10四期倍投计划表 pk10极速赛车论坛 北京赛车冠军怎样选5码 北京赛车系统下载安装 pk10教程视频 北京pk10选号公式 北京赛车pk10赚钱技巧 北京赛车怎么提升概率 pk10技巧北京快三 北京pk10大小计划
海南彩票4今天开奖结果 时时彩后三乘以0.618 甘肃11选5开奖结果61 981棋牌安卓版下载 挖古董赚钱吗 江西多乐彩十一选五 上海天天彩选四彩票控 000545股票行情 重庆幸运农场奖金金额