修改el-button形状成六边形
时间: 2023-10-03 21:09:30 浏览: 107
form-generator表单设计器api文档.docx
5星 · 资源好评率100%
您可以尝试以下方法将 `el-button` 修改为六边形形状:
1. 使用 CSS transform 属性将按钮旋转 30 度:
```css
.el-button {
transform: rotate(30deg);
}
```
2. 使用 CSS clip-path 属性将按钮裁剪成六边形(此方法需要添加浏览器前缀):
```css
.el-button {
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
```
注意,在使用 clip-path 属性时,需要指定六边形的所有顶点坐标。以上代码中的顶点坐标是一个正六边形的顶点坐标。
希望这些信息对您有所帮助!
阅读全文