亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

CSS3 2D ??

CSS3 2D ??

CSS3 ??

CSS3 ??? ?? ??? ??, ?? ??, ??, ?? ? ?? ? ????.

??? ??????

?? ??? ???? ??? ??, ?? ? ??? ??? ? ????.

??? 2D ?? 3D ??? ??? ? ????.

2d ?? transform? ???? 2D ?? ??? ?? ????. ) ???

translate() ???? ??(X?) ??? ??(Y?) ??? ??? ????? ?? ?? ?? ???? ?????. 

transform: translate(50px,100px);

?? ?(50px, 100px)? ?? ???? 50??, ???? 100?? ?????.

rotate() ???

rotate() ???? ??? ??? ???? ?? ???? ?????. ??? ?? ?? ???? ???? ?? ?? ?????. 

transform: rotate(30deg);
?? ?(30?) ??? ?? ???? 30? ?????.

scale() ???

scale() ???, ??(X?) ? ??(Y?) ????? ?? ??? ??? ????? ?????. 

transform: scale(2,4);

scale(2,4)? ??? ?? ??? 2?? ?????. , ??? ?? ??? 4????.

skew() ???

skew() ???, ? ??? ??(X?) ? ??(Y?) ? ????? ???? ??? ?????. 

transform: skew(30deg,20deg);

skew(30deg,20deg )? X?? ???? ?? ??? Y?? ???? 20? ? 30????.

matrix() ???

matrix() ???? 2D ?? ???? ??? ?????. 

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

matrix ???? ??, ?? ??, ??(??) ? ??? ??? ??? 6?? ????? ????.


???? ??
||
<!DOCTYPE html> <html> <head> <style> div { margin:30px; width:200px; height:100px; background-color:#00ff00; /* Rotate div */ transform:rotate(9deg); -ms-transform:rotate(9deg); /* Internet Explorer */ -moz-transform:rotate(9deg); /* Firefox */ -webkit-transform:rotate(9deg); /* Safari 和 Chrome */ -o-transform:rotate(9deg); /* Opera */ } </style> </head> <body> <div>Hello World</div> </body> </html>