<html>
<head>
<title>梯形</title>
<style type="text/css">
.trapezoid{
position:relative;
width:60px;
padding:60px;
}
.trapezoid::before{
content:"";
position:absolute;
top:0;right:0;bottom:0;left:0;
transform:perspective(20px) scaleY(1.3) rotateX(5deg);
transform-origin:bottom;
background:yellowgreen;
}
</style>
</head>
<body>
<div class="trapezoid"></div>
</body>
</html>
梯形【2018.11.26】
猜你喜欢
转载自blog.csdn.net/weixin_30589127/article/details/84542129
今日推荐
周排行