如何在css中从圆中切出1n

body {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #433f3f;
}

.pacman {
  width: 495px;
  height: 495px;
  background: #d9d9d9;
  clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 50%, 50% 50%, 85.5% 0%);
  border-radius: 50%;
}

<div class="pacman"></div>

Css相关问答推荐

通过使溢出的子元素具有其宽度的100%来防止Flex元素溢出

如何将CSS Paint API与Reaction一起使用

实现前景渐变到背景的平滑混合

关闭Superset中的Deck.gl工具提示

如何使用DirectusImage标签作为背景？

位置：固定元素只是不固定

使用 Vuetify 的 sass 变量时出错

在 Shiny 中动态更改 bslib 值框的类

使用 Flex 容器，如何在右对齐所有 Flex 子项的同时赋予子图像完整宽度？

更改 20 个实例中的一个组件的样式

SCSS - Lighten/Darken 不编译？

如何在不使用 ！important 的情况下提高优先级？

我无法在 next.js 应用程序中传播 daisyui 的主题

如何根据 CSS 变量内容做一些事情？

CSS和 Select 器 - 我可以 Select 具有多个类的元素吗？

flexbox 布局中的 Padding-bottom/top

HTML/CSS 中的单选/复选框对齐

HTML表格：保持列的宽度相同

为什么是垂直对齐：文本顶部；不能在 CSS 中工作

为什么只为第一个元素显示双引号？