热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

用CSS或SVG画半圈

如何解决《用CSS或SVG画半圈》经验,为你挑选了2个好方法。

我正在寻找一种使用CSS或SVG绘制圆圈底部的方法.我已经看到了这个答案,但它处理的是一个完美的半圈,而我需要一个额外的段来切断它使它不到一半.使用纯CSS可能无法实现,但SVG的答案对我来说很难修改.


  
  

在此输入图像描述



1> Weafs.py..:

为什么不使用patharc命令使用两个元素?


  
  


2> Oriol..:

你可以用CSS做到这一点:

.partial-circle {
  position: relative;
  height: 20px;
  width: 100px;
  overflow: hidden;
}
.partial-circle:before {
  content: '';
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  bottom: 0;
  background: #D08707;
}

推荐阅读
author-avatar
幸福欧旭旭_320
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有