时间戳

首页 > 解决方案 > 倾斜渐变背景空白

css - 倾斜渐变背景空白

问题描述

很难看到，但在边框的内侧，只有倾斜矩形的左右两侧，只有当我有渐变背景时才有空白

https://imgur.com/a/fDcD8bi

我的CSS：

padding: 50px 0;
margin: 0;
border-radius: 15px;
border-radius: 0;
border: 4px solid #717171;
transform: skewX(352deg);
box-shadow: -5px 10px 10px 0px #0b0b0b2b;
cursor: pointer;
background: rgb(41,41,41);
background: -moz-linear-gradient(15deg, rgba(41,41,41,1) 0%, rgba(59,59,59,1) 100%);
background: -webkit-linear-gradient(15deg, rgba(41,41,41,1) 0%, rgba(59,59,59,1) 100%);
background: linear-gradient(15deg, rgba(41,41,41,1) 0%, rgba(59,59,59,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#292929",endColorstr="#3b3b3b",GradientType=1);

任何 CSS 魔术师都可以帮助我处理内部的空白吗？因为我想让矩形倾斜渐变。但他们并没有很好地合作。谢谢

标签： css

解决方案

推荐阅读