使用 CSS 旋转 y 轴倾斜的 div

ID:13731 / 打印

使用 css 旋转 y 轴倾斜的 div

你可以尝试运行以下代码,使用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>
上一篇: CSS Flex 容器属性
下一篇: CSS 背景大小属性

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

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

与本文相关文章

发表评论:

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