網路城邦
上一篇 回創作列表 下一篇   字體:
玩玩漸層色文字
2012/08/19 09:17:13瀏覽5966|回應3|推薦35

在發帖之餘,替文字加點漸層色的視覺效果,是蠻有趣的,心血來潮,所以決定來玩玩看。查了一下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)


( 知識學習科學百科 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=2jclee&aid=6730945

 回應文章

火星情報總長
等級:8
留言加入好友
學到了
2012/09/04 03:51

謝謝分享!

謝謝分享!

瘦骨(2jclee) 於 2012-09-15 00:49 回覆:
剛剛把漸層色文字產生器的 Javascript 碼移植過來,所以暫時本帖還可以用來產生代碼。
瘦骨(2jclee) 於 2012-09-14 23:22 回覆:

正義尊者
等級:7
留言加入好友
謝謝分享!
2012/08/24 17:30

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


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



~~~~~~為弱勢百姓維持的正義***為萬世子孫著想的尊者~~~~~~
瘦骨(2jclee) 於 2012-08-25 05:19 回覆:

瘦骨
等級:7
留言加入好友
回覆文章時,也可以使用此功能!
2012/08/20 09:06
使