IE濾鏡動畫設計

2021-09-03 10:17:55 字數 2534 閱讀 5975

ie 濾鏡動畫設計 

<

html

>

<

head

>

<

style

>

#bg 

style

>

head

>

<

body

>

<

center

>

<

divid='bg'

style='filter:progid:dximagetransform.microsoft.gradient(gradienttype=1, startcolorstr=#ffffff, endcolorstr=#ffffff) alpha(opacity=255);position:absolute;left:15%;width:70%;'

>

<

divid='xx'

style='position:absolute;left:40%;'

>

<

font

id='x'

color=white

style="filter:shadow(strength=5,color=rgb(255,255,255)) dropshadow(color=#999999,offx=0,offy=0);width:1px;height:1px;font-family:arial black;font-weigth:bold;font-size:200pt;"

>

x font

>

div>

<

font

id='gun'

color=white

style="filter:alpha(opacity=0) shadow(strength=5,color=white);width:1px;height:1px;font-family:arial black;font-weigth:bold;font-size:150pt;"

>

gun 

font

>

div>

center

>

<

script

>

var x = document.getelementbyid('x'); 

//1-2秒浮現出來,如果按1秒25frame算,每frame為40ms,顏色需要變化25次 

//從0 - 255 每次增加 255/25 色值10 

function change(start) 

settimeout(function(),100); 

} change(255); 

//10個frame完成 

function movex(start) 

if(start==0) 

settimeout(function(),40); 

} //漸變背景色,浮現gun 

function changebg(start) 

settimeout(function(),10); 

} //gun漸變消失 

function changegun(start),500); 

return; 

} settimeout(function(),40); 

} //x背景閃動,範圍 x=y,在 +-50 --- +-100之間 

function bgshake(times) 

x.filters[1].offx= rand()[0]?rand()[1]*-1:rand()[0]; 

x.filters[1].offy= rand()[0]?rand()[1]*-1:rand()[0]; 

settimeout(function(),80); 

} //漸變背景消失 

function dispearbg(start) 

settimeout(function(),40); 

} //返回正負和數值 

function rand() 

script

>

<

divid='bg'

>

<

font

color=black

style="filter:shadow(color=#black);width:100px;height:200px;font-family:arial black;font-weigth:bold;font-size:200pt;"

>x

font

>

<

font

style="filter:shadow(color=#dddddd);width:100px;height:100px;font-family:arial black;font-weigth:bold;font-size:200pt;"

>gun

font

>

div>

-->

body

>

html

>

遊戲動畫設計高階篇

第五階段臨摹人形角色動畫 課程安排 1.角色1繫結 普通待機 戰鬥待機 2.角色2的繫結 行走 跑步2 3.角色3的繫結 受傷 攻擊動作 技能動作 4.角色4繫結 休閒動作 死亡動作 課程目標 1.明確基礎動作原理 2.能製作流暢的關鍵pose 3.能處理大pose之間的合理變化 4.能自主完成角色...

招聘 兼職Flash動畫設計師

職位描述 負責flash動畫設計和as3.0程式設計 職位要求 1.大專及以上學歷,計算機或通訊專業 2.應屆生或一年以上工作經驗 3.具備美術 藝術和多 設計素質和基礎 4.對flash設計有濃厚興趣和驅動力 5.具備全flash 策劃設計能力 6.熟悉flash cs4和flex3.0程式設計 ...

IE濾鏡 漸變

文章 gradient,漸變濾鏡。語法 filter progid dximagetransform.microsoft.gradient 完整寫法 filter progid dximagetransform.microsoft.gradient enabled ture gradienttype...