一般來說，如果要在網頁上展示特殊的字型或文字排列、扭曲與變形等樣貌的話，大概都是直接用Photoshop或其他繪圖軟體做成一張圖或用動畫、Flash等樣式來呈現。如果不想用圖片的方式展示的話，可以另外試試看先進又好玩的CSS3。
剛剛看到一個很特別的網站，它是一個CSS文字特效的線上製作工具，可以讓不懂CSS的人也能用CSS展示一長串的文字並作各種旋轉與扭曲等排列與變化。如果你希望能在網站上展示一些比較特別的文字特效，又不懂CSS3的使用方式，可以試試看Csswarp所做出來的文字效果。做好之後，產生程式碼即可直接使用。
網站名稱：Csswarp 網站網址：http://csswarp.eleqtriq.com/
第1步? 開啟Csswarp網站，在「TEXT」方塊中輸入你要顯示的文字，可使用中文或英文皆可，不過沒什麼中文字型可用就是了。
輸入完文字後，按一下「WART IT!」按鈕，即可在右邊的編輯區中顯示你所輸入的文字。接著，我們可以在編輯區中字型設定文字序列扭曲的角度與方向。
?
第2步? 「CURVE」區可以設定文字扭曲的方式，看是要做成圓形或各種線段。
?
第3步? 「TYPE」則可設定文字的大小、間隔與選轉方式。請依照自己的需求在左邊的選單設定各種文字展示方式，全部設定好之後，按一下編輯區上方的「GENERATE HTML」按鈕，產生網頁程式碼。
?
第4步? 接著將程式碼全選後按右鍵、複製下來，貼上到你的網頁或新開一個檔案存成.html檔來測試看看。
本文作者:不來恩 | 發表時間:2011/03/21 | 分類: 網頁編修、網站架設 | Trackback 引用網址 ???? 注意事項：本站所介紹之軟體、設定或網站服務，經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異，建議您僅在非工作用的電腦安裝、測試，避免因為不可預知的錯誤、當機或軟硬體衝突，影響您的工作或電腦運作。另外，在進行任何重要的操作與設定之前，記得先行備份電腦中的重要資料，避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作，表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。
沒有留言:
張貼留言