在我們項目開發中,半透明的蒙版效果從很早就開始流行,到現在已經是大家非常熟悉的效果了,半透明效果不僅僅是對圖片,還有各種地方都有使用到,用CSS也可以非常簡單的實現各種瀏覽器的相容設定,那麼我們今天就給大家來介紹關於CSS中半透明設定的總結!
CSS中半透明設定:
1.CSS半透明邊框的實現執行個體詳解(圖)
這個 border-imge-slice 屬性傳入1~4個參數(number沒有單位專指像素或百分比值)將圖片分割成9個部分,1,2,3,4四個區塊是不會展開,不會平鋪,稱之為盲區,5,6,7,8四個區塊可以通過 border-image-repeat 來控制展開平鋪和重複( stretch:預設值,展開; repeat:平鋪; round:整數次平鋪; ),第9區塊不顯示,傳入參數 fill 則顯示第9區塊,分割情況如(圖4-2.png && 圖2-3.png):
2.利用CSS3製作簡單的3d半透明立方體圖片執行個體代碼
這篇文章主要給大家介紹了利用CSS3製作簡單的3d半透明立方體圖片展示的相關資料,文中給出了完整的範例程式碼,對大家的理解和學習具有一定的參考價值,需要的朋友們下面來一起看看吧。
3.頂部固定p可設定半透明效果
這篇文章為大家介紹了一個頂部固定的p可設定半透明效果,文末有,大家可以參考下
4.相容性背景顏色半透明CSS代碼(不影響內部子項目)
其格式為 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 為十六進位正整數。取值範圍為 00 - FF 。 RR 指定紅色值, GG 指定綠色值, BB 指定藍色值,參閱 #RRGGBB 顏色單位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值範圍的值將被恢複為預設值。
5.CSS設定一個元素半透明
這篇文章主要介紹了用CSS設定一個元素半透明的相關資料,非常不錯,具有參考借鑒價值,需要的朋友參考下吧
半透明相關問答:
1.css - 請問B站頂部的模糊半透明導航條是怎麼實現的呢?
2.css - HTML 隱藏或去除拖曳時的半透明內容?
3.css - HTML 隱藏或去除拖曳時的半透明內容?
【相關文章推薦】:
1.Photoshop中關於半透明設定總結
2.html和css中實現滑鼠樣式的方法總結
3.html中引入css樣式的方法總結