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%);
相关推荐
拳打南山敬老院19 分钟前
Context 不是压缩出来的,而是设计出来的
前端·后端·aigc
用户30767528112723 分钟前
💡 从"傻等"到"流淌":我在AI项目中实现流式输出的血泪史(附真实代码+深度解析)
前端
bluceli24 分钟前
前端性能优化实战指南:让你的网页飞起来
前端·性能优化
SuperEugene26 分钟前
Vue状态管理扫盲篇:如何设计一个合理的全局状态树 | 用户、权限、字典、布局配置
前端·vue.js·面试
没想好d27 分钟前
通用管理后台组件库-9-高级表格组件
前端
阿虎儿30 分钟前
React Hook 入门指南
前端·react.js
核以解忧1 小时前
借助VTable Skill实现10W+数据渲染
前端
WangHappy1 小时前
不写 Canvas 也能搞定!小程序图片导出的 WebView 通信方案
前端·微信小程序
李剑一1 小时前
要闹哪样?又出现了一款新的格式化插件,尤雨溪力荐,速度提升了惊人的45倍!
前端·vue.js
闲云一鹤1 小时前
Git LFS 扫盲教程 - 你不会还在用 Git 管理大文件吧?
前端·git·前端工程化