背景色漸變處理 linear gradient

2021-07-30 09:30:27 字數 775 閱讀 8985

處理各個瀏覽器間的相容,背景色漸變

background: -moz-linear-gradient(top, #0192ed 0%, #0baeb3 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0192ed), color-stop(100%,#0baeb3));

background: -webkit-linear-gradient(top, #0192ed 0%,#0baeb3 100%);

background: -o-linear-gradient(top, #0192ed 0%,#0baeb3 100%);

background: -ms-linear-gradient(top, #0192ed 0%,#0baeb3 100%);

如果想要在兩種顏色之間建立一條硬線(而非逐漸過渡),可以將相鄰的顏色停止點設定為相同的位置。

比如有時候table中有些樣式難以達到預期效果時,可以通過這種比較tricky的方式來設定~

th

這相當於給table的th加了乙個藍色背景以及上下邊框。

(別問我為什麼不直接設定背景色和tr的border, 頭部,左右部分固定的table樣式真的太難調了!簡直調到崩潰,css互相影響,再加上使用元件庫固有的樣式, 複寫,重置,真的是絕望,再次體會到大師說的話:不要一上來就去過度封裝!!!根本不知道使用場景,過度封裝元件庫根本沒法用好嗎???)

iOS UIView背景色漸變

uiview theview uiview alloc initwithframe self headerbackimgview frame self headerview addsubview theview 初始化 cagradientlayer 物件,使它的大小為 uiview 的大小 cag...

DIV背景色漸變

ie下 filter alpha opacity 100 finishopacity 100 style 1,startx 0,starty 0,finishx 100,finishy 50 progid dximagetransform.microsoft.gradient startcolors...

背景色勻速漸變顯示

1 背景色勻速漸變顯示 ransition 顏色 變換延續的時間 變換速率 transition background color 0.3s linear 變換速率 1 ease 逐漸變慢 預設值,ease函式等同於貝塞爾曲線 0.25,0.1,0.25,1.0 2 linear 勻速 linear...