Contents ...
udn網路城邦
玩玩漸層色文字
2012/08/19 09:17
瀏覽6,175
迴響3
推薦35
引用0

在發帖之餘,替文字加點漸層色的視覺效果,是蠻有趣的,心血來潮,所以決定來玩玩看。查了一下Google,發現網上有現成的文字漸層色產生器,網址如下: (。) 

Sep-14-2012 更新編輯:漸層色文字產生器已植入本帖末端,試用結果良好。

在該漸層文字產生器的網頁上,只需以下幾個步驟,就可以做出漸層色文字:




1. 輸入文字  
2. 設定顏色,Color1, color2, BG color 三個地方分別設定第一個顏色、第二個顏色、背景色。顏色由紅綠藍三原色組成,該色的成份有 0- 255 個階層,比如說我想讓 color1 為,那就設定為 255, 0, 0 ,  color2 為則是  0, 255,0 ;  (BG Coclor 為藍 0, 0, 255 BG Color 只有在此產生器預覽列有用,可以忽略此項)。如果兩種顏色不過癮,可以按 Add Color 鈕,再加第三種顏色或更多顏色。 Repeat 欄填入顏色要重複變換多少次。
3. 選 HTML 選項,按一下Preview Generate Text 鈕,就有一堆碼產生出來  
4. 把這些碼複製後,在udn blog 發文時,按編輯列最右上方的 HTML ,切換到HTML語法編輯模式,貼上代碼,按更新即可,發文前,記得先存成草稿預覽一下,看看對不對,再確定發表。


測試:

color1: 255, 0,0    color2:0,255,0    Repeat: 1

-->

color1: 0, 0,255    color2:255,0,0    Repeat: 1 

-->


若配合使用 marguee 語法,還可讓漸層色文字動起來。 <<<<< <<<<<<

marquee 控制動態文字碼範例:

-------------------------------------------------

漸層色文字產生器

1. 輸入文字


2. 顏色選擇與設定

Color Values (0-255)
Red Green Blue Opacity*
Color 1
Color 2
BG Color
(Preview only)
Repeat

3. 產生代碼與預覽結果

Press the preview button to see your text here.
BBText HTML


4. 複製漸層色文字代碼

(0 characters)


有誰推薦more
全站分類:知識學習 科學百科
自訂分類:科學
上一則: 防火迷彩顏料
下一則: Chrome 瀏覽器 bug 追蹤記

限會員,要發表迴響,請先登入
迴響(3) :
3樓. 火星情報總長
2012/09/04 03:51
學到了

謝謝分享!

謝謝分享!

剛剛把漸層色文字產生器的 Javascript 碼移植過來,所以暫時本帖還可以用來產生代碼。 瘦骨2012/09/15 00:49回覆
瘦骨2012/09/14 23:22回覆
2樓. 正義尊者
2012/08/24 17:30
謝謝分享!

我也回家試試"謝謝您的分享~~


祝您心想事成!萬事如意!



~~~~~~為弱勢百姓維持的正義***為萬世子孫著想的尊者~~~~~~
瘦骨2012/08/25 05:19回覆
1樓. 瘦骨
2012/08/20 09:06
回覆文章時,也可以使用此功能!
使