用CSS剪裁卡片倒圆角边框,打造高级感卡片边框设计

卡片边角

用CSS剪裁卡片倒圆角边框,打造高级感卡片边框设计

这是一款带倒圆角的步骤引导卡片​,基于CSS clip-path: shape() 技术实现,它把普通卡片的圆角做了 “倒切” 设计,视觉上比常规圆角更有新意、不单调,通过巧妙裁剪元素边缘,让卡...

CSS实现的4款不同风格的卡片边角死丝带效果

边角丝带

CSS实现的4款不同风格的卡片边角死丝带效果

这是一款纯CSS实现的折叠丝带效果,巧妙地避开了使用clip-path时出现的难看边缘线问题,并且不依赖于将元素移出可视区域的999px hack技巧。通过精心设计的CSS属性和伪元素,创造出自...