文字をテキストを曲線に合わせてHTMLとCSSだけで実現するジェネレーター

css warp
このエントリーをはてなブックマークに追加
PR

 

CSS WARP
CSS TEXT TO PATH GENERATOR

http://csswarp.eleqtriq.com/

使い方はとてもシンプルです
画面に表示されているテキストを直感的に操作することで作成することが出来ます

大きく4つの項目があり

  1. TEXT:表示されるテキストを入力、日本語も使えます
  2. CURVE:曲線や円などを形を作る項目
  3. TYPE:フォントの指定と、文字の置き方の指定
  4. CIRCLE:先に対して文字が内側か外側か

完成したら、GenerateのボタンをクリックでHTMLとCSSのコードが表示されます

WS000890

あとはヘッダー部分等を、サイトに合わせて編集して貼り付ければOKです

WS000892

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)