梯形形状
CSS实现的不同朝向梯形形状以及带梯形边框的图片效果使用CSS实现的不同方向的梯形形状，通过设置图形的clip-path以及aspect-ratio的合理属性值即可实现不同朝向的梯形效果，此外，只需要将梯形的样式应用于img图片，则图片将带有提醒...
平行四边形
CSS实现的平行四边形以及带平行四边形边框的图片效果使用CSS实现的四款不同方向的平行四边形形状，是基于CSS的clip-path以及aspect-ratio等关键属性经过合理设置值实现的，直接将效果应用于img图片上，轻松实现拥有平行四边形边框...
多边形形状
CSS实现的多款多边形图形，多边形边框图片效果基于CSS实现的四种多边形效果，分别是实心六边形、实心五边形、空心六边形、空心五边形。同时也实现了以多边形作为边框的图片显示效果，这些都是通过CSS的clip-path、aspect-ratio...
位置标记
CSS实现的地点定位图标使用CSS实现的地点定位图标，只需要CSS的mask以及aspect-ratio等关键属性实现，定位图标的颜色可通过background属性进行自定义。10行以内代码实现的定位图标非常的轻量级
心形
CSS实现的心形图标，心形形状图片边框效果一款使用CSS实现的心形图标，使用了CSS的clip-path、mask-border以及aspect-ratio等关键属性实现，爱心可随意设置颜色，在img图片场景中使用爱心样式「class=...
吃豆子
CSS实现的吃豆豆图标使用CSS实现的吃豆子游戏主角图标，使用到了CSS的clip-path、background以及border-radius等属性实现而成。使用CSS实现的图标无需依赖各类三方资源更加轻量级
缺角图片
使用 CSS 的 mask 蒙层属性设置 border-radius 实现缺角图片效果使用 CSS 的 mask 遮罩效果，以最少的代码创建倒置半径角。无额外元素、无伪元素、仅使用 CSS 变量进行实现，单个效果如下图所示，您可以在此效果的基础上进行组合再创作实现更多有创意的效果。
404页面
CSS 探照灯下的404页面动画效果使用CSS实现的一款探照灯下的404页面效果，整个页面背景呈黑色如同黑夜一般，404在探照灯的左右晃动照射下欲隐欲现，特别有创意的一款404页面效果，应用此404页面到你的项目中一定会赚足回头率！
糖果开关
CSS 创意棒棒糖开关切换按钮，切换次数越多糖果越小！一款超有创意的棒棒糖开关切换效果，底层就是checkbox，外观基于CSS实现了棒棒糖的切换按钮，通过多次的切换操作棒棒糖会因为「摩擦」而逐渐减小，下方是切换前后的对比图片。切换的事件效果是通过...