线条
CSS实现的折叠曲线、波浪线以及虚线等线条效果通过设置CSS属性mask的不同属性值创建的折叠曲线、波浪曲线以及虚直线线条效果，每种线条都提供了横向与纵向两种样式，可根据需求自定义线条的颜色、粗细以及曲折度。
邮票形状
CSS实现的带半圆齿孔边框邮票效果使用CSS实现的仿邮票外形效果，全球邮票千千万万，所以样式也不尽相同，这里实现的是国内比较常见的一种半圆形齿孔边框的邮票效果，是通过合理设置 CSS 的 mask 属性值实现的。背景颜色、边框样...
扇形齿孔
CSS实现的扇形齿孔边框、波浪形边框以及折痕边框这三款个性的边框都是通过CSS实现的，通过控制图形属性background-*、border-radius、mask-*等关键属性的值生成扇形齿孔、波浪形以及折痕形状的边框形状，并且可以轻松的应...
立方体边框
CSS实现的3D立方体形状，立方体图片边框效果！使用CSS实现带有三维空间感的立方体，主要使用了CSS的clip-path: polygon以及background: conic-gradient等关键属性实现，合理的设置参数值可得到不同效果...
扇形边框
CSS实现的扇形形状，扇形图片边框效果！使用CSS实现的扇形形状，将该扇形图像样式应用于img图片上，图片会置于扇形内部形成扇形边框的图片效果，该扇形图形是基于CSS的aspect-ratio、mask以及border-radius等...
面包屑形状
CSS实现的时尚面包屑导航图形，创意面包屑导航边框！使用CSS实现的的面包屑导航图形，一共提供了三种图形样式，这三种图形从视觉上观察像是从一个完整长方形条中分开的一样，有一种咬合感，分开使用特别适合面包屑导航系统使用，可将文字置于该图形之内形成面...
工具提示框
CSS实现的20款不同形状的工具提示框以及对话信息泡泡基于CSS实现的20种美观大方的工具提示框以及气泡信息对话框，通过CSS设置图形的不同clip-path、border-image以及mask-*等属性实现不同风格的提示框及气泡对话框，可根据提...
带丝带奖章
CSS实现的30款奖章丝带形状，飘带形状，适合装饰以及获奖场景使用使用CSS实现的30款精美的丝带与奖章图标效果，通过clip-path、background以及clip-path等属性经过合理设置属性值实现的各式各样的带装饰丝带的奖章，可用在排行、礼物、奖品...
三角形切割
CSS实现的三角形切割形状以及带三角形切割边框的图片效果使用CSS实现的不同方位三角形切割形状，通过设置图形的clip-path以及aspect-ratio的合理属性值即可实现不同方位的三角形切割效果，此外，只需要将该效果的class应用于img图片...
圆形切割
CSS实现的圆形切割形状以及带圆形切割边框的图片效果使用CSS实现的不同方位圆形切割形状，通过设置图形的clip-path以及aspect-ratio的合理属性值即可实现不同方位的圆形切割效果，此外，只需要将该效果的class应用于img图片，则...
弧形边缘
CSS实现的不同朝向带弧形边形状以及带弧形边框的图片效果使用CSS实现的不同方向的带弧线边缘的图形，通过设置图形的mask以及aspect-ratio的合理属性值即可实现不同方向弧形边图形效果，此外，只需要将梯形的样式应用于img图片，则图片将带有不...
斜边图形
CSS实现的不同朝向带斜边形状以及带斜边边框的图片效果使用CSS实现的不同方向带斜边的形状，通过设置图形的clip-path以及aspect-ratio的合理属性值即可实现不同朝向的斜边图形效果，此外，只需要将带斜边图形的样式应用于img图片，则图...