<address id="xpjh9"><listing id="xpjh9"><meter id="xpjh9"></meter></listing></address>

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
<noframes id="xpjh9">
<noframes id="xpjh9">

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
    <form id="xpjh9"></form><address id="xpjh9"><listing id="xpjh9"><menuitem id="xpjh9"></menuitem></listing></address>

      <noframes id="xpjh9">
      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+

      相關教程
      江苏快3 揭阳 | 玉环 | 汕尾 | 招远 | 嘉兴 | 大兴安岭 | 衢州 | 新沂 | 济宁 | 诸城 | 淮安 | 平顶山 | 随州 | 哈密 | 甘南 | 宿迁 | 临猗 | 资阳 | 安岳 | 定州 | 铜仁 | 湘潭 | 瑞安 | 三亚 | 绍兴 | 昆山 | 泰安 | 安吉 | 百色 | 白沙 | 和田 | 克孜勒苏 | 武夷山 | 简阳 | 衢州 | 慈溪 | 陇南 | 莆田 | 文昌 | 昌都 | 辽源 | 呼伦贝尔 | 乌海 | 桓台 | 六盘水 | 邹城 | 来宾 | 台州 | 万宁 | 西双版纳 | 赵县 | 博尔塔拉 | 朔州 | 池州 | 牡丹江 | 防城港 | 陇南 | 寿光 | 顺德 | 阿拉善盟 | 莱芜 | 德阳 | 顺德 | 黔东南 | 黄南 | 玉溪 | 绍兴 | 江门 | 武安 | 高雄 | 顺德 | 大庆 | 库尔勒 | 滕州 | 台北 | 晋中 | 吉林长春 | 海西 | 江西南昌 | 庄河 | 荆州 | 灵宝 | 德州 | 长垣 | 邹平 | 济南 | 燕郊 | 牡丹江 | 汉中 | 濮阳 | 杞县 | 广饶 | 绍兴 | 单县 | 台中 | 台州 | 南京 | 宁波 | 秦皇岛 | 新泰 | 保亭 | 黔东南 | 兴安盟 | 偃师 | 漯河 | 梧州 | 阿克苏 | 抚顺 | 昭通 | 揭阳 | 株洲 | 承德 | 鹰潭 |