解决方法
我能得到的最接近的是这只使用css.
.one { position: absolute; top: 22px; left: 19px; width: 230px; height: 180px; background: #0F1E3C; border-radius: 100%; clip: rect(70px,auto,45px); transform:rotate(90deg); } .one:before { content: ''; position: absolute; top: -15px; left: -62px; width: 200px; height: 200px; background: white; border-radius: 100%; } .two { position: absolute; top: 156px; left: 59px; width: 230px; height: 180px; background: #0F1E3C; border-radius: 100%; clip: rect(70px,45px); transform:rotate(-90deg); } .two:before { content: ''; position: absolute; top: -15px; left: -62px; width: 200px; height: 200px; background: white; border-radius: 100%; }
<div class="one"></div> <div class="two"></div>
原文地址:https://www.jb51.cc/html/242459.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。