<code id="wxg3a"><strong id="wxg3a"></strong></code>

  • 
    <label id="wxg3a"><ruby id="wxg3a"><option id="wxg3a"></option></ruby></label>
  • <small id="wxg3a"></small>
  • <label id="wxg3a"></label>

    CSS漸變的兩種基本用法

    發布者:云商網絡 來源:http://www.essayeso.com/ 發布時間:2020-4-1 6:33:35 瀏覽量:

    1.線性漸變(linear-gradient)

      基礎用法:background:linear-gradient(angle,start-color,soft-line,end-color);

      依次解釋下這幾個參數:

      angle是漸變角度,不寫則默認從上到下,也就是to bottom,當然其他類似的直角方向還有to right,to top,to left。其他的對角方向包括to left top,to right top,to bottom right,to bottom left。需要注意的是:對角線角度的單詞順序不講究順序,to bottom right和to right bottom是一樣的意思。

      start-color && end-color表示起始色標和終止色標,支持16進制顏色(如"#85e96c"),h5示例顏色(如"aqua"),rgb(如"rgb(133, 233, 108)"),rgba("rgb(133, 233, 108,.5)")、transparent。


      soft-line:柔性分界。不寫則默認50%。表示兩種顏色過渡的柔和邊界,不是硬性邊界。

      
     ?。ㄈ绻雽懸粭l硬線,也就是所謂的hard line來進行無漸變分割,則在兩個色標尾部緊接著寫上50%,注意,除了50%其他都不能完全消除漸變效果。這是一個去漸變的硬線分割寫法)
      

      配合背景圖使用,注意漸變效果要寫在url引入的背景圖之前。是不是覺得這種效果沒什么卵用呢?我覺得也是。


    2.徑向漸變(radial-gradient)

      基礎語法:radial-gradient(shape,start-color, soft-line,end-color )

      shape即漸變的形狀,不寫則為默認的ellipse橢圓,可以改為circle正圓。

      其他參數的含義(start-color,end-color,soft-line),包括硬線的實現代碼,配合背景圖使用的寫法,都與線性漸變的幾個同名參數或同名操作完全相同。這里就不重復去說了?!?br />
    總結:

      關于漸變還有其他一些玩法,比如漸變重復、多顏色漸變等。這里只記錄兩種**基本的,因為我個人覺得這屬于比較邊緣的CSS知識,目前在項目中我還沒有使用過它。假如有**CSS漸變能在前端項目中大放異彩,再對它做深入的研究也不遲。


    相關新聞:安平CSS漸變的兩種基本用法
    冀州區CSS漸變的兩種基本用法
    深州CSS漸變的兩種基本用法
    棗強CSS漸變的兩種基本用法
    武邑CSS漸變的兩種基本用法
    武強CSS漸變的兩種基本用法
    饒陽CSS漸變的兩種基本用法
    景縣CSS漸變的兩種基本用法
    故城CSS漸變的兩種基本用法
    阜城CSS漸變的兩種基本用法
    我們可為您提供如下網絡服務: 營銷型網站建設 商標注冊 百度愛采購 競價帳戶托管 阿里淘寶裝修 seo網站優化 支付接口對接 站群系統 程序開發 網站維護
    (轉載請注明轉自:http:www.essayeso.com 網站建設 謝謝!)
    上一篇:營銷型網站它能啟到宣傳產品的作用建設前應做些哪些提前準備
    下一篇:無下一篇

    香港三级片韩国三级电影台湾三级片三级香港三级电影三级视频香港三级国产三级三级黄色片日本三级片电影三级影片三级做爰视频三级电影片免费三级三级在线李丽珍三级三级漫画韩国三级网站三级女友经典三级电影三级经典三级国产三级在线,香港三级片韩国三级电影韩国三级三级小说三级网站欧美三级电影三级七日情三级动漫国产三级精品三级在专区三级电影网站香港经典三级美国三级三级图片欧美三级在线现看中文舒淇三级三级全黄韩国三级a视频在线观看日本三级在线观看三级生活片香港三级下载韩国三级女星三级在线看中文字幕完整版,香港三级片韩国三级电影香港经典三级片国产三级日本三级日产三级日本三级经典三级黄色三级三级网日本三级电影神马三级我不卡美国三级电影国产三级在线观看播放午夜三级免费三级电影三级理论片快播三级片港台三级韩国三级bd高清神马影院三级三级警监香港三级电影在线观看韩国三级电影大全,香港三级片韩国三级电影韩国日本三级在线观看香港三级片大全三级蔷薇之恋三级网址三级全黄的视频在线观看三级电影网三级黄色电影三级影院韩国三级香港三级日本三级l台湾三级香港三级日本三级韩国三级人与邱淑贞三级成人三级电影三级日本古装三级韩国三级朋友妈妈2017翁虹三级伦理三级片三级4级全黄经典三级在线观看,香港三级片韩国三级电影三级电影日韩三级三级黄片香港三级台湾三级在线播放香港经典aⅴ三级观看欧美三级国产三香港三韩国三级徐若瑄三级三级大片三级黄色三级伦理片三级动画三级影视日本三级电影在线观看韩国三级中文字幕全部电影584三级app国产三级成人不卡在线观看女主拍三级假戏真做h温碧霞三级三级网站午夜三级