CSS中可以使用rect
函數(shù)來繪制矩形,并通過fill
屬性來填充顏色,以下是一個簡單的示例代碼:
@keyframes draw-rect { 0% { width: 0; height: 0; } 100% { width: 200px; height: 100px; } } .rect { position: relative; width: 200px; height: 100px; background-color: #000; animation: draw-rect 1s linear; }
在這個示例中,我們定義了一個名為draw-rect
的關(guān)鍵幀動畫,用于繪制一個從0到200px寬、從0到100px高的矩形,我們將這個動畫應(yīng)用到一個名為.rect
的類上,并設(shè)置矩形的背景顏色為#000(黑色),我們通過position: relative;
將矩形定位在其父元素中。
您可以將上述代碼復(fù)制到您的CSS文件中,并應(yīng)用到需要繪制矩形的元素上,如果您需要填充其他顏色,只需將fill
屬性設(shè)置為所需的顏色即可,如果您想填充紅色,可以將fill
屬性設(shè)置為#ff0000
。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。