背景色勻速漸變顯示

2021-08-11 03:55:16 字數 759 閱讀 5698

1、背景色勻速漸變顯示

ransition:顏色 變換延續的時間 變換速率;

transition:background-color 0.3s linear;

變換速率:

1、ease:(逐漸變慢)預設值,ease函式等同於貝塞爾曲線(0.25, 0.1, 0.25, 1.0).

2、linear:(勻速),linear 函式等同於貝塞爾曲線(0.0, 0.0, 1.0, 1.0).

3、ease-in:(加速),ease-in 函式等同於貝塞爾曲線(0.42, 0, 1.0, 1.0).

4、ease-out:(減速),ease-out 函式等同於貝塞爾曲線(0, 0, 0.58, 1.0).

5、ease-in-out:(加速然後減速),ease-in-out 函式等同於貝塞爾曲線(0.42, 0, 0.58, 1.0)

6、cubic-bezier:(該值允許你去自定義乙個時間曲線), 特定的cubic-bezier曲線。 (x1, y1, x2, y2)四個值特定於麴線上點p1和點p2。所有值需在[0, 1]區域內,否則無效。

例子:

2、背景色漸變變換

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...

可以顯示漸變背景色的Lable

usingsystem using system.collections using system.ponentmodel using system.drawing using system.drawing.drawing2d using system.windows.forms namespace...