|
|
|
全て
| カテゴリ未分類
| 【日記もどき】
| 【日記の雛形！】
| 【プチ講座】
| 【頼まれ物】
| パイプ奮闘記
| パイプ奮闘記〔自作パイプ〕
| 【3年ぶりの日記もどき】
2003/08/03
カテゴリ：カテゴリ未分類
【ＩＥ限定！[フィルタ]】 今回はフィルタのタグを画像に入れまして、特殊効果を設定してみましょう。 フィルタ(filter)とは、Internet Explorerが独自で拡張した機能のことです。 ですから、Netscape には対応していません。 また、IE 4.0 IE 5.5 以上のブラウザに表示可能ですが、 IE 5.5 では DirectX を必要とします。 このフィルタは前回【プチ講座】「飾り文字を書く」で紹介したタグと基本的には同じです。 前回は＜FONT＞にフィルタのスタイルシートを入れました。 今回は＜IMG SRC＞の中に入れて見ましょう。  ←この画像で色々な特殊効果の設定を[filter] を使いましてやってみましょう。 では、まず半透明のフィルタをかけて見ます。 このようになります。 これは５０％透明化しております。 これのタグを書きますと↓こうなります。 <IMG SRC="～画像のＵＲＬ～" style="filter: alpha(opacity=50)"> style="filter: alpha(opacity=50) のところが[フィルタ]のスタイルシートです。 (opacity=50) の部分で透明度を指定します。０～１００．数字が小さくなりますと 透明度が増します。 (opacity=50)の50の数値を変えてみましょう。 (opacity=25) (opacity=75) ではどのように現れるでしょうか？ (opacity=25) (opacity=50) (opacity=75) お判りでしょうか！(*^^)v では、次に半透明にする「形状」(STYLE)を指定してみましょう。 <IMG SRC="～画像のＵＲＬ～" style="filter: alpha(style=1～3)"> style="filter: alpha(style=1～3) の部分の1～3 を1or2or3と変えますと 形状が変化します。 １）は右端から半透明になります。 ２）は放射線状になります。 ３）は長方形に半透明になります。 では表示してみましょう。 (style=1) (style=2) (style=3) お判りでしょうか。(*^^)v 今回はここまで。 次回も画像の特殊効果をやって見ますね。  こんな事も出来ます。(^_-)-☆ ではでは！次回をお楽しみに！（*^_^*） 【プチ講座メニュー】は←こちらから！ 【お知らせ】楽天ＯＦＦ会の参加を募っております。↓こちらのバナーをクリックすると詳細が分かります。  お気に入りの記事を「いいね！」で応援しよう
|
|
||||
