国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

css濾鏡效果(二)_基礎教程

來源:懂視網 責編:小采 時間:2020-11-27 18:54:57
文檔

css濾鏡效果(二)_基礎教程

css濾鏡效果(二)_基礎教程:7、Gray ,Invert,Xray 濾鏡 語法:{filter:gray} ,{filter:invert},{filter:xray} Gray濾鏡是把一張圖片變成灰度圖;Invert濾鏡是把對象的可視化屬性全部翻轉,包括色彩、飽和度、和亮度值;Xray濾鏡是讓對象反映出它的輪廓并把這些輪廓加亮,也就是所謂
推薦度:
導讀css濾鏡效果(二)_基礎教程:7、Gray ,Invert,Xray 濾鏡 語法:{filter:gray} ,{filter:invert},{filter:xray} Gray濾鏡是把一張圖片變成灰度圖;Invert濾鏡是把對象的可視化屬性全部翻轉,包括色彩、飽和度、和亮度值;Xray濾鏡是讓對象反映出它的輪廓并把這些輪廓加亮,也就是所謂

7、Gray ,Invert,Xray 濾鏡

語法:{filter:gray} ,{filter:invert},{filter:xray}

Gray濾鏡是把一張圖片變成灰度圖;Invert濾鏡是把對象的可視化屬性全部翻轉,包括色彩、飽和度、和亮度值;Xray濾鏡是讓對象反映出它的輪廓并把這些輪廓加亮,也就是所謂的“X”光片。

效果如下:

正常圖片 filter:gray; 灰度圖 是不是很 Cool 呢!
filter:invert 底片效果 filter:xray X光效果

8、Light 濾鏡

語法:Filter{light}

這個屬性模擬光源的投射效果。一旦為對象定義了“LIGHT"濾鏡屬性,那么就可以調用它的“方法(Method)"來設置或者改變屬性。“LIGHT"可用的方法有:

  • AddAmbient 加入包圍的光源
  • AddCone 加入錐形光源
  • AddPoint 加入點光源
  • Changcolor 改變光的顏色
  • Changstrength 改變光源的強度
  • Clear 清除所有的光源
  • MoveLight 移動光源
  • 可以定義光源的虛擬位置,以及通過調整X軸和Y軸的數值來控制光源焦點的位置,還可以調整光源的形式(點光源或者錐形光源)指定光源是否模糊邊界、光源的顏色、亮度等屬性。如果動態的設置光源,可能回產生一些意想不到的效果。后面幾頁會有具體范例。

    9、Mask 濾鏡

    語法:{filter:mask(color=color)}

    使用"MASK"屬性可以為對象建立一個覆蓋于表面的膜,其效果就象戴者有色眼鏡看物體一樣。

    10、Shadow 濾鏡

    語法:{filter:shadow(color=color,direction=direction)}

    利用“Shadow”屬性可以在指定的方向建立物體的投影,COLOR是投影色,DIRECTION是設置投影的方向。其中0度代表垂直向上,然后每45度為一個單位。它的默認值是向左的270度。

    filter:shadow(color=red,direction=225)
    filter:shadow(color=blue,direction=225)
    filter:shadow(color=gray,direction=225)
    效果分別如下:

    Shadow 濾鏡 滴水檐茶坊制作 Shadow 濾鏡 滴水檐茶坊制作 Shadow 濾鏡 滴水檐茶坊制作 11、Wave 濾鏡 語法:{filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)}
    "wave" 屬性把對象按垂直的波形樣式打亂。默認是“TRUE(非0)”,

    “ADD”表示是否要把對象按照波形樣式打亂,

    “FREQ”是波紋的頻率,也就是指定在對象上一共需要產生多少個完整的波紋,

    “LIGHTSTRENGTH”參數可以對于波紋增強光影的效果,范圍0----100,

    “PHASE”參數用來設置正弦波的偏移量。

    “STRENGTH”代表振幅大小。

    正常圖片 filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)
    style="filter:wave(add=add,freq=2,lightstrength=30,phase=50,strength=5) filter:wave(add=add,freq=2,lightstrength=90,phase=25,strength=5)

    聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    css濾鏡效果(二)_基礎教程

    css濾鏡效果(二)_基礎教程:7、Gray ,Invert,Xray 濾鏡 語法:{filter:gray} ,{filter:invert},{filter:xray} Gray濾鏡是把一張圖片變成灰度圖;Invert濾鏡是把對象的可視化屬性全部翻轉,包括色彩、飽和度、和亮度值;Xray濾鏡是讓對象反映出它的輪廓并把這些輪廓加亮,也就是所謂
    推薦度:
    標簽: 教程 效果 濾鏡
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 亚洲国产欧美日韩精品一区二区三区 | 伊人精品久久久大香线蕉99 | 免费在线国产视频 | 亚洲一区色图 | 亚洲一页 | 亚洲全黄 | 国产精品一区二区三 | 亚洲精品不卡久久久久久 | 亚洲精品午夜国产va久久成人 | 欧美日韩1区 | 午夜欧美性视频在线播放 | 夜夜操网| 国产一区二区三区视频 | 香蕉在线观看 | 国产激情视频一区二区三区 | 人人草人人澡 | 欧美在线一区二区三区不卡 | 一区二区在线播放视频 | 在线视频免费观看 | 亚洲福利在线观看 | 国产偷窥在线观看 | 欧美成人一级视频 | 国产精品久久久久无码av | 欧美不卡在线观看 | 国产精品久久亚洲一区二区 | 精品国产一区二区三区2021 | 亚洲伊人色 | 熟年交尾五十路视频在线播放 | 欧美精品亚洲网站 | 精品一区二区久久久久久久网精 | 一区二区三区高清不卡 | 日韩在线观看第一页 | 九九精品视频一区在线 | 欧美 日韩 视频 | 国产一区二区精品久久凹凸 | 精品国产欧美一区二区五十路 | 伊人情人综合成人久久网小说 | 国产精品毛片va一区二区三区 | 欧美日韩国 | 精品国产综合成人亚洲区 | 亚洲一区二区三区四 |