使用 CSS 剪辑路径时如何圆角
P粉921130067
P粉921130067 2023-08-24 15:40:15
[CSS3讨论组]
<p>我希望能够将我创建的形状的最左边的 3 个角倒圆,知道如何做到这一点吗?</p> <p><br /></p> <pre class="brush:css;toolbar:false;">div { position: absolute; z-index: 1; width: 423px; height: 90px; background-color: #b0102d; color: white; right: 0; margin-top: 10vw; -webkit-clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%); clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%); }</pre> <pre class="brush:html;toolbar:false;">&lt;div&gt;&lt;/div&gt;</pre> <p><br /></p>
P粉921130067
P粉921130067

全部回复(1)
P粉959676410

使用具有圆形属性的插图:

inset(0% 45% 0% 45% round 10px)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号