漸變

線性漸變:
屬性:linear-gradinet(開始位置 角度,起始顏色,終止顏色 )
開始位置:漸變開始的位置,屬性值可以為百分比/長度/left、right、top、bottom(可組合使用)
角度:漸變終止方向的角度,當開始位置為數(shù)值或百分比時候可用
起始顏色......
終止顏色......
重復漸變將屬性修改為:repeating-linear-gradinet()

徑向漸變(放射漸變):屬性:radial-gradinet()(形狀 發(fā)散方向,起始顏色,終止顏色)

形狀:ellipse(橢圓)/circle(圓形)
發(fā)散方向:屬性值可以為left、right、top、bottom、center(可組合使用)
大小(半徑):屬性值可用像素或關鍵字表示closest-side:圓心到距離最近的邊
farthest-side:圓心到距離最遠的邊
closest-corner:圓心到距離最近的角
farthest-corner:圓心到距離最遠的角

起始顏色......
終止顏色......
重復的徑向漸變:repeating-radial-gradinet()

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • CSS邊框屬性 元素的邊框就是圍繞元素內容和內邊距的一條或多條線。 元素的邊框屬性: border 簡寫屬性,用...
    Zd_silent閱讀 1,097評論 0 1
  • 在用CSS實現(xiàn)等效中,經常會用到漸變,所以,本篇就研究一下漸變的特性; 在CSS中,漸變并不是作為CSS中的一個屬...
    科研者閱讀 786評論 0 3
  • 前言 重拾css后的文章,在觀看了慕課網上的視頻《重拾CSS的樂趣》中,看到了一些有意思的css效果。想起當初自己...
    destiny0904閱讀 2,008評論 0 0
  • 1.角度和from to只能運行一個。并且可以相互代替。看api語法:<repeating-linear-grad...
    西安小哥閱讀 1,432評論 0 1
  • 設計巧妙的劇情,藕斷絲連的故事,溫暖救贖的人生,很久很久以前的一場初戀,留給世界太多的感動能量,直到兩位主角都已離...
    草上霜閱讀 235評論 0 1

友情鏈接更多精彩內容