首頁 > web前端 > css教學 > CSS中關於半透明設定的總結

CSS中關於半透明設定的總結

黄舟
發布: 2017-06-06 14:29:10
原創
1971 人瀏覽過

在我們專案開發中,半透明的遮罩效果從很早就開始流行,到現在已經是大家非常熟悉的效果了,半透明效果不只是對圖片,還有各種地方都有使用到,用CSS也可以非常簡單的實現各種瀏覽器的兼容設置,那麼我們今天就給大家來介紹關於CSS中半透明設置的總結!

CSS中半透明設定:

#1.CSS半透明邊框的實作實例詳解(圖)

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半透明立方體圖片實例程式碼 

CSS中關於半透明設定的總結

#這篇文章主要給大家介紹了利用CSS3製作簡單的3d半透明立方體圖片展示的相關資料,文中給出了完整的範例程式碼,對大家的理解和學習有一定的參考價值,需要的朋友們下面來一起看看吧。

3.頂部固定p可設定半透明效果 

CSS中關於半透明設定的總結

#這篇文章為大家介紹了一個頂部固定的p可設定半透明效果,文末有效果圖,大家可以參考下

4.相容性背景顏色半透明CSS程式碼(不影響內部子元素) 

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樣式的方法總結 

以上是CSS中關於半透明設定的總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板