css五边形

五边形

bash 复制代码
.fu{
	width: 172rpx;height: 204rpx;
	overflow: hidden;
	border-radius: 10rpx;
	clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

六边形

bash 复制代码
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
相关推荐
北京地铁1号线22 分钟前
MMdetection推理验证输出详解(单张图片demo)
前端·算法
听闻风很好吃28 分钟前
DAY07:Vue Router深度解析与多页面博客系统实战
前端·javascript·vue.js
沙滩小岛小木屋40 分钟前
多个vue2工程共享node_modules
开发语言·前端·javascript
亦世凡华、1 小时前
React--》掌握react组件库设计与架构规划
前端·经验分享·react.js·前端框架
菥菥爱嘻嘻1 小时前
JS手写代码篇---手写promise.all
开发语言·前端·javascript
Magnum Lehar1 小时前
vulkan游戏引擎的vulkan/shaders下的image实现
java·前端·游戏引擎
^Rocky1 小时前
vue + ant-design + xlsx 实现表格导出进度提示功能
前端·javascript·vue.js
患得患失9492 小时前
【前端】【React】React性能优化系统总结
前端·react.js·性能优化
LaughingZhu2 小时前
PH热榜 | 2025-05-24
前端·人工智能·经验分享·搜索引擎·产品运营
Leisure_Time2 小时前
解决Tailwind v4 中无法使用 @apply 方法。
css·vue·vite·tailwindcss