使用CSS旋转div并倾斜x轴

ID:13661 / 打印

使用css旋转div并倾斜x轴

您可以尝试运行以下代码,使用 CSS 旋转 x 轴倾斜的 div -

示例

现场演示

<html>    <head>       <style>          div {             width: 300px;             height: 100px;             background-color: pink;             border: 1px solid black;          }          div#skewDiv {             /* IE 9 */             -ms-transform: skewX(20deg);             /* Safari */             -webkit-transform: skewX(20deg);             /* Standard syntax */             transform: skewX(20deg);          }       </style>    </head>    <body>       <div>          Qries.com       </div>       <div id = "skewDiv">          Qries.com       </div>    </body> </html>
上一篇: CSS 透视图原点属性
下一篇: 15个CSS最佳趋势,让你的网页项目一秒开挂!

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。