利用css做扇形

时间:2023-03-08 23:46:11
利用css做扇形

html和css每一块的边边角角都是直来直去,除了border-raius,要怎么做扇形了?当然,你如果只想要得到直角扇形,和半圆,那就很简单?那么做小于180的直角扇形,如何做了(大于180的直角无非多加了一个半圆)?

具体思路如下

利用css做扇形

html代码:

利用css做扇形

css代码:

利用css做扇形

如果有动画效果的,你可以加入js控制

利用css做扇形

制作出来的效果

利用css做扇形