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

CSS3 3D ??

CSS3 3D ??

3D ??

CSS3? ???? 3D ??? ???? ??? ??? ??? ? ????.

? ???? ?? 3D ?? ?? ? ??? ??? ???:

  • rotateX()

  • rotateY()

rotateX() ??

rotateX( ) ??, X?? ?? ???? ???? ?????.

?

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文網(wǎng)(php.cn)</title>
    <style>
        div
        {
            width:100px;
            height:75px;
            background-color: #f4ff99;
            border:1px solid black;
        }
        div#div2
        {
            transform:rotateX(120deg);
            -webkit-transform:rotateX(120deg); /* Safari and Chrome */
        }
    </style>
</head>
<body>
<div>PHP.CN</div>
<div id="div2">HELLO</div>
</body>
</html>

????? ???? ??? ???

rotateY() ???

rotateY() ???? Y?? ???? ??? ??? ??? ?????. 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文網(wǎng)(php.cn)</title>
    <style>
        div
        {
            width:100px;
            height:75px;
            background-color:red;
            border:1px solid black;
        }
        div#div2
        {
            transform:rotateY(130deg);
            -webkit-transform:rotateY(130deg); /* Safari and Chrome */
        }
    </style>
</head>
<body>
<div>Hello</div>
<div id="div2">Hello.</div>
</body>
</html>

????? ???? ??? ???

?? ??

?? ??? ?? ?? ??? ?????? ????.


???? ??? 2D ?? 3D ??? ?????. ? ???? ??? ??? ??? ????? ? ????. ? ??? ??? 3D ??? ???? ??? ?????. 3D ??? ?? ??? ?????. 3D ??? ?? ??? ?????. ??? ??? ?? ? ??? ????? ??? ?????.
    3transform-origin
    3transform-style
    3perspective
    3perspective-origin
    3backface-visibility
    3


    3D ?? ??

    y)yz)x)y)yz,anglerotateX(anglerotateY(angle
      • FunctionDescription
      matrix3d(n,n , n,n,n, 3D ?? ??, 16? ?? 4x4 ??? ?????. 
      translate3d(x,y,z)3D ??? ?????. translateX(x) X?? ??? ?? ???? 3D ??? ?????.       		translateY(
      ? Y?? ???? ?? ???? 3D ??? ?????. translateZ(z) Z?? ??? ?? ???? 3D ??? ?????. 
      scale3d(x,,
      3D ???? ??? ?????. scaleX(
      ? X? ?? ???? 3D ?? ?? ??? ?????. scaleY(
      ? Y? ?? ???? 3D ?? ?? ??? ?????. scaleZ(z)? Z? ?? ??? 3D ?? ?? ??? ?????. 
      rotate3d(x,,
      )3D ??? ?????. 
      )? X?? ?? 3D ??? ?????. 
      )? Y?? ?? 3D ??? ?????. rotateZ(angle)? Z?? ?? 3D ??? ?????. 
      perspective(n) 3D ?? ??? ???? ?????. 
      					
				
			???? ??
			

			
      

				
      
			        
      || 
      
			    
      

				

				
      <!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>php中文網(wǎng)(php.cn)</title>
 <style>
 div
 {
 width:100px;
 height:75px;
 background-color: #f4ff99;
 border:1px solid black;
 }
 div#div2
 {
 transform:rotateX(120deg);
 -webkit-transform:rotateX(120deg); /* Safari and Chrome */
 }
 </style>
</head>
<body>
<div>PHP.CN</div>
<div id="div2">HELLO</div>
</body>
</html>
      

				
			
      
			
      
			


		



















      
    

      














    • <button id="rsuhb"><ol id="rsuhb"><progress id="rsuhb"></progress></ol></button>