CSS3 2D轉(zhuǎn)換 5.合并matrix( )

提問人：劉團圓發(fā)布時間：2020-11-19

matrix()方法的參數(shù)包含旋轉(zhuǎn)、縮放、移動（平移）和傾斜功能。

【例題】使用matrix()方法

代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>document</title>

<style>

div

{

width:100px;

height:75px;

background-color:red;

border:1px solid black;

}

div#div2

{

transform:matrix(0.866,0.5,-0.5,0.866,0,0);

-ms-transform:matrix(0.866,0.5,-0.5,0.866,0,0); /* IE 9 */

-webkit-transform:matrix(0.866,0.5,-0.5,0.866,0,0); /* Safari and Chrome */

transform:matrix(0.866,0.5,-0.5,0.866,0,0);

}

</style>

</head>

<body>

<div>Hello. This is a DIV element.</div>

<div id="div2">Hello. This is a DIV element.</div>

</body>

</html>

相關視頻回答

回復(0)