数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 语言
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会研究
时尚研究
法律研究使用 CSS 旋转 div 并扭曲其 y 轴
你可以尝试运行下面的代码，以使用 CSS 旋转 div 并扭曲其 y 轴 -
示例
<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>
更新于: 2020 年 6 月 29 日
213 次浏览
广告