CSS实现的不同朝向带斜边形状以及带斜边边框的图片效果

    使用CSS实现的不同方向带斜边的形状,通过设置图形的clip-path以及aspect-ratio的合理属性值即可实现不同朝向的斜边图形效果,此外,只需要将带斜边图形的样式应用于img图片,则图片将带有斜边边框效果。

模板目录结构如下: