CSS3是前端开发者必须学习的一种技术，其中包括了很多实用的样式效果，如今我们来学习一种CSS3中如何写斜角的样式。

.slant {
width: 100px;
height: 100px;
background-color: #FF0000;
transform: skew(30deg);
}

利用transform属性中的skew函数，设置元素倾斜的角度即可实现斜角的效果。在这个例子中，我们将一个红色的正方形元素按照左下-右上的方向进行了倾斜，其倾斜程度为30度。

.slant2 {
width: 100px;
height: 100px;
background-color: #00FF00;
clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
}

另一种写法是使用clip-path属性，将元素进行裁剪。具体可以用多边形的方式将元素右下部分进行裁剪，来实现斜角的效果。在这个例子中，我们将一个绿色的正方形元素裁剪成了一个小三角形，从而实现斜角的效果。

以上就是CSS3中两种写斜角的方式，以后在前端开发中使用时一定要注意不同浏览器之间的兼容问题。