摘要:用長度值指定徑向漸變圓心的縱坐標值。確定圓的類型指定圓形的徑向漸變指定橢圓形的徑向漸變。用百分比指定橢圓徑向漸變的橫向或縱向半徑長度。
background: radial-gradient(shape size at position, start-color, ..., last-color);
①: 用百分比指定徑向漸變圓心的橫坐標值??梢詾樨撝?。 ①: 用長度值指定徑向漸變圓心的橫坐標值。可以為負值。 left: 設置左邊為徑向漸變圓心的橫坐標值。 center①: 設置中間為徑向漸變圓心的橫坐標值。 right: 設置右邊為徑向漸變圓心的橫坐標值。 ②: 用百分比指定徑向漸變圓心的縱坐標值。可以為負值。 ②: 用長度值指定徑向漸變圓心的縱坐標值。可以為負值。 top: 設置頂部為徑向漸變圓心的縱坐標值。 center②: 設置中間為徑向漸變圓心的縱坐標值。 bottom: 設置底部為徑向漸變圓心的縱坐標值。
circle: 指定圓形的徑向漸變 ellipse: 指定橢圓形的徑向漸變。
closest-side: 指定徑向漸變的半徑長度為從圓心到離圓心最近的邊 closest-corner: 指定徑向漸變的半徑長度為從圓心到離圓心最近的角 farthest-side: 指定徑向漸變的半徑長度為從圓心到離圓心最遠的邊 farthest-corner: 指定徑向漸變的半徑長度為從圓心到離圓心最遠的角
: 用長度值指定正圓徑向漸變的半徑長度。不允許負值。
: 用長度值指定橢圓徑向漸變的橫向或縱向半徑長度。不允許負值。 : 用百分比指定橢圓徑向漸變的橫向或縱向半徑長度。不允許負值。
: 指定顏色。 : 用長度值指定起止色位置。不允許負值 : 用百分比指定起止色位置。不允許負值
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/113410.html
摘要:表示圓形漸變,說的簡單點就是畫一個圓。表示容器最右邊,表示容器最上邊,換言之就是右上角。實現(xiàn)波浪邊框上代碼,增加一個樣式即可此處沒有字樣,表示原點在容器中心位置,,表示半徑范圍內(nèi)是顏色,半徑到范圍內(nèi)是顏色,半徑大于是顏色。 前言 大佬給了一張優(yōu)惠券圖片(如下圖),我一看,這波浪型的邊框和內(nèi)倒角用css寫不出來吧,遂向大佬說明并要ui切圖,大佬回答:css3可以實現(xiàn)。好吧,大佬都說可以實...
摘要:關于徑向漸變的具體使用可以參考張鑫旭的文章徑向漸變語法及輔助理解案例則那么怎樣實現(xiàn)我們要的效果呢我們先看看徑向漸變的語法徑向漸變由它的中心定義。 查看原文可以有更好的排版效果哦 前言 我們在平時的網(wǎng)頁中,經(jīng)常會見到這樣的優(yōu)惠券或者其他的券(特征就是會有反方向的圓角)。 showImg(https://segmentfault.com/img/remote/146000001570560...
摘要:效果預覽按下右側(cè)的點擊預覽按鈕可以在當前頁面預覽,點擊鏈接可以全屏預覽。可交互視頻教程此視頻是可以交互的,你可以隨時暫停視頻,編輯視頻中的代碼。 showImg(https://segmentfault.com/img/bVbfmJt?w=400&h=304); 效果預覽 按下右側(cè)的點擊預覽按鈕可以在當前頁面預覽,點擊鏈接可以全屏預覽。 https://codepen.io/comeh...
閱讀 3350·2021-11-04 16:10
閱讀 3846·2021-09-29 09:43
閱讀 2692·2021-09-24 10:24
閱讀 3338·2021-09-01 10:46
閱讀 2503·2019-08-30 15:54
閱讀 585·2019-08-30 13:19
閱讀 3232·2019-08-29 17:19
閱讀 1049·2019-08-29 16:40