Css 是否能够从右边缘定位剪辑路径?

Css 是否能够从右边缘定位剪辑路径?,css,clip-path,Css,Clip Path,我有一个汉堡包图标,位于距离右边缘和上边缘2rem的位置,我希望剪辑路径从它后面的中心点开始生长,这很容易计算,但是使用剪辑路径:圆形(中心10px)语法,我没有找到任何与右2rem-top-2rem相关的内容 这是可能的还是我需要使用SVG掩码代替?你需要考虑百分比值: .box{ 宽度:150px; 高度:150像素; 背景:红色; 剪辑路径:圆形(50像素,100%50%);/*左侧100%(右侧)顶部50%(中间)*/ /*0=左上角 0 100%=左下角 100%0=右上角 100%

我有一个汉堡包图标,位于距离右边缘和上边缘2rem的位置,我希望剪辑路径从它后面的中心点开始生长,这很容易计算,但是使用
剪辑路径:圆形(中心10px)语法,我没有找到任何与
右2rem-top-2rem
相关的内容


这是可能的还是我需要使用SVG掩码代替?

你需要考虑百分比值:

.box{
宽度:150px;
高度:150像素;
背景:红色;
剪辑路径:圆形(50像素,100%50%);/*左侧100%(右侧)顶部50%(中间)*/
/*0=左上角
0 100%=左下角
100%0=右上角
100%100%=右下角
等等
*/
}


请分享示例code@Ranjithv已经有了所需的代码和详细信息question@Temani如果我认为你们得到了正确的解决方案?太棒了,我甚至没想过测试calc()。干得好,干杯。工作方式:
circle(计算时2rem(100%-3rem)3rem)