作者： dsgying8888

CSS渐变是个非常强大的功能吗，我们可以用来实现各种效果，这边我们就用渐变来实现切角效果。首先实现一个角被切掉的效果，以右下角为例。这其中最大的窍门在于充分利用渐变的一大特性：渐变可以接受一个角度作为方向，而且色标的位置信息也可以是绝对的长度值，这一点丝毫不受容器尺寸的影响CSS渐变是个非常强大的功能吗，我们可以用来实现各种效果，这边我们就用渐变来实现切角效果。首先实现一个角被切掉的效果，以右下角为例。这其中最大的窍门在于充分利用渐变的一大特性：渐变可以接受一个角度作为方向，而且色标的位置信息也可以是绝对的长度值，这一点丝毫不受容器尺寸影响。