Web Service

CSSでテキストを円や波のように配置してくれるジェネレーター「CSSWARP」を使ったみた

面白そうなCSSジェネレーターがあったので使ってみました。好きなテキストを入力して配置なんかを選択するだけでHTML、CSSのコードを作ってくれます。とても簡単にできるので便利です。IEではIE9で確認したところちゃんと表示されてました。

[ads_center]

使い方

以下のサイトにアクセスします。

左上のテキスト欄に好きな文字を入力して、WARP ITというボタンをクリックします。

CSSWARP テキスト入力

そして、カーブの種類や文字サイズ、配置パターンなんかを選択して、最後にGENERATE HTMLというボタンをクリックするとコードが生成されます。

CSSWARP 配置や文字サイズ

あとはコードをコピペするだけです。

CSSWARP コード取得

ということで、中々面白いCSSジェネレーターでした。

WordPressのショートコードをテンプレート(テーマ)内で使用したい時のやり方前のページ

超簡単にコンテンツを折りたたんで表示・非表示させるjQuery Collapseの使い方次のページ

関連記事

  1. Web Service

    Webページを綺麗に読みやすくしてくれてエバノートにも保存できるChrome拡張機能「Clearly…

    Chromeで閲覧中のWebページやブログ記事を綺麗に読みやすくしてく…

  2. Web Service

    タータンチェックの背景素材を簡単に作成することができるジェネレーター「Tartan Maker 」

    タータンチェックの背景素材を簡単に作成することができるジェネレーター「…

  3. ヘボン式ローマ字

    Web Service

    ヘボン式ローマ字を使う時の注意事項や便利な一覧表、入力変換サービスなど

    ヘボン式ローマ字を使う時の注意事項や便利な一覧表、入力変換サービスなど…

  4. Web Service

    Chromeで手軽に電卓を使いたい時に便利な拡張機能「Calculator」

    Chromeでネットを閲覧中にちょっとした計算をしたいといった時がある…

  5. Web Service

    あとで読むサービス「Read it Later」をMacで快適に読むアプリ「ReadNow」

    iPhoneであとで読むアプリとしてRead it Laterを使って…

  6. Web Service

    iPhoneアプリ「Resize Photo」を使って撮った画像を好きなサイズにリサイズする

    iPhoneで撮った画像をリサイズしたい時ってありますよね。Resiz…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. クッキー&クリーム ポップコーン
  2. マウイチップス マウイオニオン味
  3. グリーンビーントゥーバー
  4. VS-543AS

アーカイブ

PAGE TOP