2018年1月1日更新
?整理了完整文檔下載：https://pan.baidu.com/s/1eRSk2IY
備份?鏈接: https://pan.baidu.com/s/1slbXq8l 密碼: etkh
Prezi主要通過(guò)在同一平面的縮放和移動(dòng)產(chǎn)生的類似3D效果在國(guó)內(nèi)深受歡迎瓤鼻，但是prezi并且沒(méi)有中文版，這在國(guó)內(nèi)使用有了很大的限制糖赔，很多的效果必須通過(guò)修改CSS才能實(shí)現(xiàn)，透明度和漸變色彩在軟件當(dāng)中沒(méi)有直觀的命令颠猴，只能通過(guò)CSS修改棵帽，這一過(guò)程比較繁瑣復(fù)雜通铲，本文就透明度和漸變色彩制作，做一個(gè)詳細(xì)獨(dú)特的介紹片任。
1.Background(背景)漸變色
Prezi的CSS編輯器偏友，有一段代碼是關(guān)于background（背景）。如果改變這時(shí)候的背景顏色对供，這樣行下面的gradStar（開(kāi)始）和gradEnd（結(jié)束）會(huì)變化位他。這就是控制背景顏色的代碼如圖1。代碼為：
gradStar：#f6f6f6
gradEnd：#f6f6f6
由于顏色代碼#f6f6f6(R:246 G:246 B:246)?所對(duì)應(yīng)白色产场，且首尾顏色一樣鹅髓，所以背景是純色。
??
圖1
如果需要達(dá)到漸變效果京景，只需要復(fù)制下你需要顏色的對(duì)應(yīng)代碼窿冯，然后在CSS編輯器中star或者end位置修改，不同的顏色就就會(huì)產(chǎn)生漸變确徙。代碼為：
gradEnd：#6FF6C1
gradStar：#51FF47
由于顏色代碼#f6f6f6 (R:111 G:246 B:193)所對(duì)應(yīng)淺綠醒串，#51FF47 (R:81 G:255 B:71)對(duì)應(yīng)的是草綠色执桌，且首尾不一樣，所以背景是淺綠到深綠的漸變芜赌。如圖2.
圖2
2.Frame(框)&Arrows（箭頭）漸變色(以cirle frame為例)
Prezi的Frame%Arrows有以下幾個(gè)選項(xiàng)仰挣，分別是?Bracket Frame(框)/ Circle Frame（圓圈）/Rectangle Frame（矩形）/Arrow?（箭頭）/Line（線）?/幾個(gè)選項(xiàng)，是Prezi中最常用的一些工具缠沈。下面以Circle Frame（圓圈）為例膘壶，說(shuō)明一下漸變色的修改。
Prezi的CSS編輯器洲愤，有一段代碼是關(guān)于frame.circle（圓圈）颓芭。如果改變這時(shí)候的
?圖3
圓圈顏色，這樣行下面的gradStar（開(kāi)始）和gradEnd（結(jié)束）會(huì)變化禽篱。這就是控制圓圈顏色的代碼畜伐。
代碼為：
frame.circle{
?????? gradEndColor:#fff;
gradEndAlpha: 1;
gradStartAlpha: 0.3;
gradStartColor: #fff;
?? }
2.1同一種顏色的漸變色需要借助不同的透明度改變（Alpha）
gradEnd和gradStart顏色代碼#fff所對(duì)應(yīng)的是同一種顏色，但是由于Alpha（透明度）的不一樣產(chǎn)生了漸變效果躺率，
gradEndAlpha: 1;不透明度100%，
gradStartAlpha: 0.3;不透明度30%
所以產(chǎn)生了漸變效果万矾。如圖4
圖4
2.2同一種透明度下面的漸變效果要靠不同顏色來(lái)呈現(xiàn)悼吱，
代碼：
frame.circle
{
??? gradEndAlpha:1;
??? gradEndColor:#E84023;
??? gradStartAlpha:1;
??? gradStartColor:#E8BD32;
??? }
gradEndAlpha和gradStartAlpha的值都是1，不透明度100%良狈，gradEndColor:#E84023(R:232 G:64 B:35)代表紅色后添，gradStartColor:#E8BD32(R:232 G:189 B:50)代表橙色，所以顯示的就是紅色到橙色的漸變色薪丁。如圖5
圖5
