技術標籤：CSS3

經常忘了向內傾斜的那個屬性是什麼, 記下來一下
試了一下有兩種都可以實現
一. 設定在父級元素上設定perspective:100, 記得safari和谷歌Chrome瀏覽器要設定-webkit-perspective
然後在子元素設定rotateX
因為當為元素定義 perspective 屬性時，其子元素會獲得透視效果，而不是元素本身。
perspective設定越小傾斜越明顯

.testbox {
  border: 1px solid red;
  font-size: 40px;
  height: 50px;
  color: #000;
  perspective:
 
 100px;
  -webkit-perspective: 100px; /* Safari and Chrome */
  > div {
    transform: rotateX(40deg);
    -webkit-transform: rotateX(40deg); /* Safari and Chrome */
  }
}

二.直接在父級元素上設定transform: perspective(100px) rotateX(30deg);
這是在網上搜到的方法

.testbox {
  border: 1px solid red;
  font-size: 40px;
  height: 50px;
 

  color: #000;
  transform: perspective(100px) rotateX(30deg)
}

效果是這樣的: