JS 顏色漸變

2021-08-02 16:52:20 字數 1071 閱讀 1954

/*

引數:obj:目標物件

thisrgb:當前背景顏色的6位**

torgb:目標背景顏色的6位**

thiscolor:當前文字顏色的6位**

tocolor:目標文字顏色的6位**

step:執行次數

speed:執行速度

*/function colorgradient(obj,thisrgb,torgb,thiscolor,tocolor,step,speed)

var step=step?step:3;

var _step=step;

var _speed=speed?parseint(speed/step):30; //根據總時間計算每次執行的速度

var _r_step=parseint(math.abs(_thisrgb[0]-_torgb[0])/_step);

var _g_step=parseint(math.abs(_thisrgb[1]-_torgb[1])/_step);

var _b_step=parseint(math.abs(_thisrgb[2]-_torgb[2])/_step);

var timer=setinterval(function());

if(thiscolor&&tocolor));

}_step--;

}else

},_speed);

}function colorconversion(code)

var r=f[code[0]]*16+f[code[1]];

var g=f[code[2]]*16+f[code[3]];

var b=f[code[4]]*16+f[code[5]];

return [r,g,b];

}htmlelement.prototype.css = function () , option[arguments[0]] = arguments[1];

} if ('object' === typeof option)

}} }

return this;

};

漸變顏色LinearGradientBrush

lineargradientbrush是用來漸變效果的,使用的初始化引數是矩形區域,開始顏色,結束顏色,顏色變化方向,它能夠形成比較統一的漸變效果,對比pathgradientbrush的漸變,它的特點是它與周圍的顏色漸變頻率是一樣的,設定lineargradientbrush的區域大小時,可以想象...

css web 顏色漸變

ms的站確實不錯,有很多東西可以參考 這個漸變其實就是乙個css濾鏡而已。給引數介紹 filter progid dximagetransform.microsoft.gradient enabled benabled,startcolorstr iwidth,endcolorstr iwidth ...

css顏色漸變

華麗麗的分割線 123 用css實現網頁背景漸變的 如下 一 從上往下漸變 example source code body 二 從左上至右下漸變 example source code body 三 從左往右漸變 example source code body 一 從上往下漸變 example ...