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

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

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

§相關文章,還可以參閱:

如何使用 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 產生器

有自己架設網站的朋友,應該回隨時留意網站的存活狀態,希望能在網站出現狀況時就能得知,適時地進行異常排除,若又此需求,可以試試這套 EasyNetMonitor 這個免費又免安裝的小工具,可以幫我們來監測上述的工作,EasyNetMonitor 可在每隔一段時間(預設為 10 秒鐘,可設定)來 ping 一次網站,其結果可透過 Windows 工作列通知區域 EasyNetMonitor 程式的燈號來得知,若網站正常的話則會以綠色燈號顯示,反之則為紅色燈號,免費版的 EasyNetMonitor 最多只能支援兩個監測網站。

迷宮估計是每個人都玩過的遊戲,若想要自己設計一個紙上迷宮遊戲,可以來試試 amaze 這套免費的迷宮圖產生器,可以產生出不同形狀、大小以及複雜度的迷宮,產生後的迷宮還可以匯出成為圖檔或是直接從程式中列印出來讓小朋友或是自己來打發時間喔!