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

    ブログで使うCC(クリエティブコモンズ)対象の画像をFlickrやGoogleから簡単に探してくれる…

    ブログでその記事に関連するアイキャッチ画像を入れたりしたい時があるかと…

  2. Web Service

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

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

  3. Noise Texture

    Web Service

    手軽にノイズテクスチャの画像を作成できるツール「Noise Texture」

    手軽にノイズテクスチャの画像を作成できる便利なツール「Noise Te…

  4. EmChart

    Web Service

    CSSでフォントサイズをem指定する時に便利なEmChart

    レスポンシブWebデザインなどによりem指定をする機会が多くなってきて…

  5. placekitten

    Web Service

    Webサイト作成時に可愛い猫のダミー画像を用意してくれる「placekitten」

    とても素敵なWebサービスがあったのでご紹介します。Webサイトを作成…

  6. TodaysList

    Web Service

    シンプルで美しいToDoリスト「TodaysList」

    とてもシンプルで美しいToDoリストを発見したのでご紹介します。「To…

コメント

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

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

最近の記事

  1. サンクラフト ポテトング
  2. iPhone 11 Pro Smart Battery Case(ホワイト)
  3. メイソンピアソン ヘアブラシ
  4. COMOLI ベタシャンCPOシャツ(サックス)

アーカイブ

PAGE TOP