1. 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 網站建設 謝謝!)
      上一篇:營銷型網站它能啟到宣傳產品的作用建設前應做些哪些提前準備
      下一篇:無下一篇

      熟女xx视频操熟女国产熟女乱在线观看欧洲美熟女乱又伦熟女的自白熟女图熟女自拍玩老熟女在线播放馆熟女chinesemature老熟妇japanese55丰满熟妇oidgrαnny日本老熟妇比较有韵味的熟妇无码丰满熟妇hd国产农村熟妇videos巨大垂乳日本熟妇六十路熟妇videos农村老熟妇乱子伦视频欧美老熟妇乱子伦视频欧洲熟妇性色黄日本熟妇日本熟妇乱子a片日本熟妇色videosex熟妇熟妇好大好深好满好爽熟女毛多熟妇人妻在线视频无码老熟妇乱子伦视频亚洲丰满熟妇在线播放正在播放老肥熟妇露脸hdmaturetube,chinesemature老熟妇oldmanjapanese老熟妇乱子伦视频oldvideo熟妇日本沉沦的熟妇教师风韵多水的老熟妇国内老熟妇露脸视频老熟妇大胆性开放图美丽的熟妇中文字幕弄的老熟妇受不了了欧美老熟妇欲乱高清视频日本丰满熟妇高清av日本熟妇av日本熟妇浓毛日本熟妇色在线视频不卡熟妇吧熟妇就是水多12p熟女少妇人妻中文字幕五十路六十路老熟妇a片亚洲老妇老熟妇中国白胖肥熟妇bbw国产肥熟女视频一区二区非分熟女老熟女三十熟女熟女露脸熟女图片丝袜熟女玩老熟女在线播放女人色熟女乱,重口老熟女露脸风骚熟女乱成熟女人在线视频熟女熟女论坛熟女网站我爱熟女玩老熟女在线播放熟女丝袜chinesevideo国产熟妇japanese日本熟妇oldwoman老熟妇厨房征服短裙熟妇国产亚洲熟妇国内老熟妇乱子伦视频老熟妇乱子伦牲交视频免费老熟妇牲交大全视频中文欧美30.40.50熟妇性无码欧美熟妇日本丰满熟妇人妻av无码区日本熟妇hd日本熟妇浓毛hdsex如狼似虎的熟妇14p熟妇的荡欲熟妇乱伦双飞风韵犹存两个熟妇五十路熟妇高熟无码亚洲熟妇av一区中国熟妇xxxx正在播放,免费非分熟女电影六十路熟女沈阳熟女露脸对白视频熟女乱熟女网玩成熟老熟女视频玩老熟女在线播放熟女吧chinese丰满熟妇videosjapanese日本熟妇在线video日本老熟妇东北50岁熟妇露脸在线国产50岁熟妇露脸很有味道的熟妇[15p]老熟妇乱子伦系列视频免费中文熟妇在线影片欧美304050熟妇性无码欧美熟妇dodk巨大日本老熟妇乱子伦视频日本熟妇oldwomen日本熟妇人妻xxxxx如狼似虎的熟妇24p熟妇的荡欲bd高清熟妇人妻videos玩弄肥美高大的熟妇小伙大战两老熟妇在线播放五十路熟妇综合色区亚洲熟妇p老熟女一区二区,巴西大肥熟女毛茸茸干熟女美熟女熟女p熟女社区熟女小说小蜗牛熟女玩老熟女在线播放熟女诱惑chinese中年熟妇freejapanese熟女熟妇xxx中国熟妇xxx丰满熟妇bbwbbwbbwbbw国产东北露脸熟妇很有味道的熟妇15p两熟妇玩双飞真舒服内地中年熟妇露脸视频欧美1257老熟妇欧洲熟妇精品视频日本老太老熟妇日本熟妇xxx日本熟妇色videos如狼似虎的熟妇好爽熟妇的荡欲视频在线熟妇性服务俱乐部我和饥渴的老熟妇性中国熟妇videofreesex征服了高贵的美熟妇局长babescom欧美熟妇