TOP  >  WebService  >  テキストを色々な形で回り込ませる「CSS Text Wrapper」
2007年12月09日

テキストを色々な形で回り込ませる「CSS Text Wrapper」

テキストの回りこみはWEBのデザインではあまりにも自由度が低いです。今日紹介する「CSS Text Wrapper」はそんなテキストの回りこみを自由に表現するためのWEBサービスです。

テキストの回りこみ

こちらのサイトでは自分で好きな図形を形作り、それに合わせてテキストを配置することができます。

詳しくは以下

上記の写真のように両サイドバーを使って回りこみの範囲を決めていきます。かなり複雑な回りこみ処理も可能で、棒に支点を増やすことにより複雑な形状を作成することも可能です。「デモページ」では下記のように様々な形で回りこませたテキストを見る事ができます。

色々なテキストの回りこみ

設置は非常に簡単で、サイト下部の「Apply the wrap shape to your site」にサイト組み込み用のタグが生成されますので、指示通り組み込んでいけば自分のサイトで表現する事が可能です。考えて工夫すればなんでも可能になるもんだと思わされたジェネレータでした。まだまだWEBには色々な可能性が広がっていますね。

CSS Text Wrapper

posted 06:49  |  
Category: WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る