CSS3-3D转换

  • 2020 年 1 月 14 日
  • 筆記

CSS3-3D转换实例

<!DOCTYPE html>

<html>  <head>  <meta charset="utf-8" />  <title></title>  <style>   div{  width:100px;  height:75px;  background-color:yellow;  border:1px solid black;  }  div#div2{transform:rotateX(180deg);  -webkit-transform:rotateX(180deg); /* Safari and Chrome */  -moz-transform:rotateX(180deg); /* Firefox */  }  </style>  </head>  <body>  <div>你好。这是一个 div 元素。</div>  <div id="div2">你好。这是一个 div 元素。</div>  <p><b>注释:</b> Internet Explorer 和 Opera 不支持 rotateX 方法。</p>  </body>  </html>