如何解决为什么我的div的截止角不平滑?
我想尽力而为,使其在包括IE 11在内的所有浏览器上都能正常工作(下面不需要)。
我正在使用background: linear-gradient(130deg,rgba(247,247,1) calc(100% - 30px),transparent 0);
我只是使拐角透明,但是使用130deg会使拐角看起来不光滑。
如何使其平滑?
body {
background: black;
}
.item {
padding: 30px;
width: 300px;
background: linear-gradient(130deg,transparent 0);
}
<div class="item">
Lorem ipsum dolor sit amet,consectetur adipisicing elit. Aliquid delectus eligendi magnam necessitatibus alias error aspernatur ratione? Assumenda aperiam ipsa vitae numquam quas earum amet repudiandae perspiciatis quia,animi,facilis!
</div>
这是我的JSFiddle
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。