使用圓錐漸變（conic gradients）打造酷炫邊框

CSS

這個由 Terry Mun 創建的 CodePen 展示了如何使用圓錐漸變（conic gradients）來建立邊框。將滑鼠元素附近移動，您將看到漸變的變化，這要歸功於 JavaScript 更新了旋轉角度這個 CSS 自定義屬性。

該示範使用 border-image-source 屬性。此屬性設置用於建立元素邊框的來源圖像。與接受圖像值的其他屬性一樣，任何 CSS 漸變類型也是有效的。