˄

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

csswarp 是個可將文字加上自訂的曲線,讓文字隨著曲線加以旋轉、彎曲的 CSS 及 HTML 免費產生器,csswarp 提供相當靈活的操作介面,可自訂文字、曲線、字型、版面大小、位置...等等,而所產生的 CSS 及 HTML 程式碼,可以應用在 Microsoft IE 9、Opera、Firefox 及 WebKit 等瀏覽器。

【csswarp 網站資訊】
網站語言:英文
服務性質:免費

如何使用 csswarp ?

1.使用瀏覽器進入 csswarp  網站後,在[GENERATE HTML]下方的預覽區中,使用滑鼠在右下角及正下方調整版面大小。
csswarp 可將文字搭配自訂曲線,讓文字旋轉、彎曲的 CSS 及 HTML 產生器

2.接下來可以在 Text 處輸入所要顯示的文字後,點擊其下的[WARP IT!]便可在預覽區看到效果。
csswarp 可將文字搭配自訂曲線,讓文字旋轉、彎曲的 CSS 及 HTML 產生器

3.若要調整曲線,可以使用滑鼠拖動預覽區內的四方及圓點來調整。
csswarp 可將文字搭配自訂曲線,讓文字旋轉、彎曲的 CSS 及 HTML 產生器

4.在[CURVE]處,可更換曲線樣式及使用的單位(Pixels 與 Points)。
csswarp 可將文字搭配自訂曲線,讓文字旋轉、彎曲的 CSS 及 HTML 產生器

5.在[TYPE]處,可調整字型、字體大小等;在[CIRCLE]處則可調整文字位置等等,調整好之後,點擊[GENERATE HTML]。
csswarp 可將文字搭配自訂曲線,讓文字旋轉、彎曲的 CSS 及 HTML 產生器

6.接下來便可看到所產生的 CSS 及 HTML Code,及所支援的瀏覽器。
csswarp 可將文字搭配自訂曲線,讓文字旋轉、彎曲的 CSS 及 HTML 產生器

 延伸閱讀

目前有1則留言
大頭 2011-07-23 23:45的留言

真神奇,這樣都可以用 CSS

分享您的留言
顯示名稱:

電子郵件:

(不會公佈)

連結網址:

(請輸入完整網址含 https://)

留言內容:

 訂閱本站文章

 站內搜尋