分享到 Facebook 分享到 Google+
▌訂閱、追蹤本站最新文章

csswarp 可將文字搭配自訂曲線,讓文字旋轉、彎曲的 CSS 及 HTML 產生器

csswarp 是個可將文字加上自訂的曲線,讓文字隨著曲線加以旋轉、彎曲的 CSS 及 HTML 免費產生器,csswarp 提供相當靈活的操作介面,可自訂文字、曲線、字型、版面大小、位置...等等,而所產生的 CSS 及 HTML 程式碼,可以應用在 Microsoft IE 9、Opera、Firefox 及 WebKit 等瀏覽器。
【csswarp 網站資訊】
網站語言:英文
服務性質:免費
如何使用 csswarp ?

1.使用瀏覽器進入 csswarp  網站後,在[GENERATE HTML]下方的預覽區中,使用滑鼠在右下角及正下方調整版面大小。
ContentPhoto994

2.接下來可以在 Text 處輸入所要顯示的文字後,點擊其下的[WARP IT!]便可在預覽區看到效果。
ContentPhoto994

3.若要調整曲線,可以使用滑鼠拖動預覽區內的四方及圓點來調整。
ContentPhoto994

4.在[CURVE]處,可更換曲線樣式及使用的單位(Pixels 與 Points)。
ContentPhoto994

5.在[TYPE]處,可調整字型、字體大小等;在[CIRCLE]處則可調整文字位置等等,調整好之後,點擊[GENERATE HTML]。
ContentPhoto994

6.接下來便可看到所產生的 CSS 及 HTML Code,及所支援的瀏覽器。
ContentPhoto994
延伸閱讀
§歡迎加入臉書粉絲團 §歡迎加入Google+社交圈
目前有1則留言
person 大頭 2011-07-23 23:45的留言
真神奇,這樣都可以用 CSS
*暱稱
*電子郵件 (不會公佈)
網址
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容