corner-shape « 张鑫旭-鑫空间-鑫生活

文章关键字 ‘corner-shape’

全新的CSS border-shape属性简介

2026年06月10日，星期三

border-shape封面图

CSS图形表现领域又加入了一员猛将，那就是border-shape属性，可以实现任意的边框图形效果，且不只是边框。

阅读全文…

标签：border-shape, caret-shape, clip-path, corner-shape, CSS Shapes, drop-shadow, shape()

发布在 CSS相关 | 2 条评论 »

CSS六边形头像的实现与蜂巢布局

2026年04月7日，星期二

蜂巢布局头像

如题，介绍六边形头像的CSS实现技巧，以及如何基于这个六边形实现高大上的蜂巢布局效果，又是展现CSS潜力的一天。

阅读全文…

标签：@property, container-type, corner-shape, direction, flex布局, grid, grid-column-start, if(), sibling-index()

发布在 CSS相关 | 4 条评论 »

CSS corner-shape与背景底纹技术

2026年03月30日，星期一

背景底纹技术

corner-shape可以生成多种复杂的图形，那么，有没有什么办法把这些图形变成底纹背景呢？

阅读全文…

标签：aspect-ratio, background, corner-shape, foreignObject, repeating-linear-gradient, SVG

发布在 CSS相关 | 2 条评论 »

抢先学习大开眼界的CSS corner-shape属性

2025年08月26日，星期二

corner-shape属性封面图

CSS corner-shape属性在社区的呼声非常高，现在浏览器终于支持了，可以CSS图形表现效果有飞跃版的提升。

阅读全文…

标签：border, border-image, border-radius, clip-path, corner-shape, shape(), superellipse

发布在 CSS相关 | 5 条评论 »