人気ブログランキング | 話題のタグを見る
==教えることは自分育て==
<< Reflet(波打つ反射アニメ画像) テンプレート作成機能 >>

CSSでぼかし
今やWeb頁作成には、CSS(スタイルシート)の知識は必須となりました。
スタイルを自分で書き込めると、こんなことも出来ます。

ごめんなさい。インターネットエクスプローラ11になってから、filterタグが表示されなくなりました。いろいろな箇所で使っていますので、お見苦しい点はご容赦ください。

◆まず矩形の画像を一枚貼って見ます。

CSSでぼかし_b0018441_13475493.jpg


これをタグで書き直し、filterタグでスタイルを設定すると・・・↓

◆円形ぼかしは、style=2

◆矩形ぼかしは、style=1
これはタイトルバーで
よく使いますね。

◆これはJtrimの
フェードアウトみたい
style=3


画像ソフトは使ってません。<image>タグにスタイルを設定しただけです。
インラインCSSは余り推奨されていないと教わりましたが、ビルダーでもインラインでかき込まれますから、No problem!!ですよね。(^_-)-☆ 

CSS(円形ぼかし)は下を参照ください。スタイルは変えて下さいね。

<div align="center"><img src="画像ファイル名+拡張子" width="横サイズ" height="縦サイズ" style="filter:alpha(opacity=100,style=2);"></div>

by otomi7771 | 2009-01-28 18:31 | ├CSSでぼかし |TOPに戻る
<< Reflet(波打つ反射アニメ画像) テンプレート作成機能 >>