CSS3那些不為人知的高階屬性

2021-06-23 02:53:17 字數 750 閱讀 5853

儘管現代瀏覽器已經支援了眾多的css3屬性,但是大部分設計師和開發人員貌似依然在關注於一些很「主流」的屬性,如border-radius、box-shadow或者transform等。它們有良好的文件、很好的測試並且最常用到,所以如果你最近在設計**,你很難能脫離它們。

說明: 對於每個屬性,我們這裡規定:」webkit」 即指代使用webkit核心的瀏覽器(safari、chrome、iphone、ipad、android等),」gecko「指代採用gecko核心的瀏覽器(firefox等)。然後有的屬性是官方css 2.1. 規範的一部分,這意味著更多的瀏覽器甚至一些古老的瀏覽器也會支援它們。最後,乙個css3 的標籤標明遵守這個標準,被最新的瀏覽器版本——比如firefox 4、chrome 10、safari 5、opera 11.10以及ie9支援的屬性。

webkit特有屬性

-webkit-mask

這個屬性是相當強大的,所以詳細的介紹超出了本文的範疇,它非常值得深入研究,因為它可以在實際應用中為你省掉很多時間。

-webkit-mask讓為乙個元素新增蒙板成為可能,從而你可以建立任意形狀的花樣。蒙板可以是css3漸變或者半透明的png。蒙板元素的alpha值為0的時候會覆蓋下面的元素,為1的時候會完全顯示下面的內容。相關的屬性有-webkit-mask-clip、 -webkit-mask-position 和-webkit-mask-repeat等,嚴重依賴來自於background中的語法。更多資訊請檢視webkit的部落格和下面的鏈結。

蒙板:.element

opencv介面那些不為人知的事!

最近在寫個神經網路識別的小專案,要用到opencv載入,本事再簡單不過的事情,結果卻遇到百思不得其解的問題,最後找到了問題的原因 1 opencv的載入介面cvloadimage 路徑可以是絕對路徑也可以是相對路徑,但是要求格式是 或者是 的目錄格式,建議用 這種方式,這種是無論是檔案路徑還是網頁的...

C 裡那些不為人知的事 成員函式

c 類裡申明乙個公共的成員函式,通常有幾種方式去訪問。1 class obj 2 class pobj new class 3 靜態函式的話,可以用class fun 4 還可以通過this指標訪問。第一種情況可以通過 操作符訪問到成員函式,看過彙編後就是通過obj的型別找到相應的成員函式。第二種情...

Git那些不為人知的秘籍以及Sao操作

別名用來幫助你定義自己的git命令。比如你可以定義git a來執行git add all。要新增乙個別名,一種方法是開啟 gitconfig檔案並新增如下內容 alias co checkout cm commit p push show verbose output about tags,bran...