css3 如直角(圆角)梯形 100
1个回答
展开全部
.div{
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,
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询