CSS 関連の記事
CSSのテキストシャドウをカンタンにかけられる「Css Text Shadow」
以前にブロック要素にCSSのドロップシャドウを付けるサービスをご紹介しましたが、CSSを使った高度なテクニックをカンタンにおこなえるオンラインサービスが増えていますよね。
今回は、テキストにシャドウなどのクールなエフェクトをCSSでかけられるサービスのご紹介です。
CSS3で画像のドロップシャドウを簡単に作成できる「CSS3 Drop Shadow Generator」
画像にドロップシャドウを付けるには、Photoshopなどの画像編集ソフトで画像にエフェクトをかける必要がありますが、そのようなことをしなくても、CSSを使ってドロップシャドウの効果をつけることもできるようになりました。
ただ、できるとは言っても、自分のやりたいように０からその効果をつけるのは、なかなか至難の業。そこで今回は、ドロップシャドウを付けるCSSを簡単に生成してくれるサービスをご紹介します。
- インラインCSSで書かれたHTMLを一撃でCSSファイルと分割する「Cascader」
- インラインCSSをCSSのclassに変換して、あっという間にきれいなHTMLにしてくれるサービス。…続きを読む »
- オンラインでHTMLを編集、リアルタイムにプレビューできる「HTML Instant」
- リアルタイムでデザインを確認できる、オンラインHTMLエディター。…続きを読む »
- CSSだけのグラデーション背景をカラーピッカーで作れる「CSS Gradient Editor」
- CSSで表現するグラデーション効果をカンタンに実現できるオンラインツール。…続きを読む »
- サイトのCSSをリアルタイムにいじれるChrome拡張「CSS Tester」
- 複雑化したCSSの謎を解明するためにも役立つChrome拡張機能。…続きを読む »
- スタイリッシュなフォームをオンライン上で作れる「Faary」
- 手間を掛けたくないフォームの作成を簡単にできるオンラインサービス。…続きを読む »
- クールかつ軽量なCSSメニューを作れる「MenuBuilder.me」
- クールで軽量、シンプルなCSSメニューをサクっと作れるサービス。…続きを読む »
- クールなドロップダウンメニューをオンラインで作成 ダウンロードして使える「Pure CSS Menu」
- 初心者でもカンタンにクールなCSSのドロップダウンメニューを作れる便利なオンライン ツール。…続きを読む »
- テキスト部分のスタイルシートをサクッと一括で作成できる「Easy CSS Styler」
- 全体のバランスを取りながら色を決めて、CSSを作成してくれるサービス。…続きを読む »
