用css能實現乙個圓等分12份的樣子嗎?

時間 2021-06-02 22:21:41

1樓:大束

width:200px;

height:200px;

border-radius:50%;

overflow:hidden;

position:relative;

background:yellow;

margin:5em auto;

} width:100px;

height:100px;

transform-origin:left top;

position:absolute;

left:100px;

top:100px;

border:1px solid white;

box-sizing:border-box;

background:#222222;

}for

(vari=

0;i<12;

i++));}

這邊偷懶了css用:nth-child(n)慢慢寫。

SVG和AI差不多,也可以實現,

就是要考慮減少html元素,box-shadow和偽元素應該可以,css3好像還有個混合模式的功能貌似也可以研究下

2樓:耗子

之前用 sass + 三角函式畫乙個正 18 邊形實現偽圓周效果,理論上可以等分圓任意份

A Pen by charlee

@-webkit-keyframes search{$len : 18;

$clockwise: -1;

@for $i from 0 through $len{$radian : $clockwise * ($i * 360 / $len) * pi() / 180round($i / $len * 100webkit-transform: translate(round(cos($radian) * $r), round(sin($radian) * $r

將乙個圓等分為n個扇形,然後用m種顏色上色,相鄰兩塊不同色,則有多少種上色方法? 詳見描述

劉醉白 這個問題可以抽象成乙個圖論問題 求對乙個n個頂點的圈用m種顏色著色的正常著色個數,也就是要求它的顏色多項式。下面統一用k替代m,只是乙個字母的替換。定義如下 若用n種顏色給G的各頂點著色,且鄰點異色,則稱此為G的乙個n 點 正常著色。鄰點的意思是這兩個頂點有一條邊相連。用3種顏色對點已標誌的...

如何用CSS實現乙個鏈結被訪問後隱藏?

wade 這種建議MDN檢視 visitedCSS偽類 表示使用者已訪問過的鏈結。出於隱私原因,可以使用此選擇器修改的樣式非常有限。這個樣式可能會被後宣告的其他鏈結相關的偽類覆蓋,這些偽類包括 link hover 和 active 要適當地設定鏈結樣式,請將 visited 規則放在 link 規...

怎樣證明乙個直徑為 n 的圓能覆蓋任何乙個周長為 2n 的三角形?

keghost 只說銳角三角形。設有銳角三角形ABC,A B C,對外置圓半徑為r的銳角三角形,其周長 l 2r sinA sinB sinC 2n,r n sinA sinB sinC 只要2r n,即可覆蓋,則需要f A,B,C sinA sinB sinC 2。對每乙個固定A,因銳角三角形,顯...