能否用HTML/CSS实现不同圆弧形状的圆形滑块：半圆弧、四分之一圆弧？

• 已基于HTML和CSS完成圆形滑块的设计实现
• 需在此基础上扩展实现多种圆弧形状的滑块，具体类型包括：
  • 四分之一圆弧滑块：左上、右上、左下、右下四个方向（对应标识：quarter-top-left、quarter-top-right、quarter-bottom-left、quarter-bottom-right）
  • 半圆弧滑块：上、下、左、右四个方向（对应标识：half-top、half-bottom、half-left、half-right）
• 参考样式图示：包含上述所有圆弧滑块的直观效果展示

内容的提问来源于stack exchange，提问作者Arun