PHP前端开发

使用 CSS 旋转 y 轴倾斜的 div

百变鹏仔 3个月前 (09-19) #CSS
文章标签 CSS

你可以尝试运行以下代码,使用CSS来沿着y轴倾斜旋转div-

示例

演示

<html>   <head>      <style>         div {             width: 300px;             height: 100px;             background-color: pink;             border: 1px solid black;          }          div#skewDiv {             /* IE 9 */             -ms-transform: skewY(20deg);             /* Safari */             -webkit-transform: skewY(20deg);             /* Standard syntax */             transform: skewY(20deg);          }      </style>   </head>   <body>      <div>         Welcome to my website.      </div>      <div id = "skewDiv">         Welcome to my website.      </div>   </body></html>