css3 如直角(圆角)梯形
发布网友
发布时间：2022-04-21 17:34
共1个回答
热心网友
时间：2022-04-21 05:26
height: 80px;
width: 250px;
background-color: #FFC800;
margin: 50px;
border-radius: 15px;
transform: perspective(20px) rotateX(-1deg) rotateY(-2deg) translateZ(0);
}
border-radius：12px
圆角 为零则为直角
梯形 [元素变形]
transform：
perspective [透视距离]
rotateX [横向.x轴旋转]
rotateY [竖向.Y轴旋转]
translateZ [Z轴移动,可以理解为放大和缩小]
了解这些基本的变形用法,就可以实现 【梯形】,
但复杂一些就没办法了，要用到SVG或Canvas，
