GT-ONE 楽天タグ講座 パイプ奮闘記

Freepage List

【写真集】


■ 玄関 ■ 


■プチ講座MENU


【日記の雛形・罫線】


【もう一つのプロフィール】


■【おもしろタグ教室MENU】


バナーって何!


プレート教室VOL.1


プレート教室VOL.2


アニメGIF製作VOL.3


画像


アップロードとは  


アイコンの使い方!


壁紙の使い方!


【バナー&プレート置き場】


.    


.      


.    


  


.


【壁紙チェンジャー】


【リンク集】


   


.   


     


.         


【キリ番】


   


  


   


  


  


  


  


  


  


 


  


  


  


マーキー


グラデーションフォント 


色々なスクロール1


色々なスクロール2


色んなスクロール3


  


   


【カラーサンプル】カラーコード表


【カラーサンプル】カラーネーム表


(*mm)   


!  


スクロールを消す


  


  


TABLEでページ一覧を隠す


.


φ(..)


.


スイッチで表示


【日記リンクの皆様】 


( ̄‥ ̄)=3 フン


      


 


           


■【HPの飾り付け教室MENU】


   


TABLEで整理整頓  


アニメGIFって何!


      


画像を貼り付けてみよう


リンクを貼って見よう


楽天での壁紙について


壁紙の位置指定


 


【飾付VOL10】


test


雛形1


Rum Rose


remon


【My PIPE Collection】


【マイ パイプ コレクション001~010】


【マイ パイプ コレクション011~020】


【マイ パイプ コレクション021~030】


【マイパイプ コレクション #31~#40】


レストアの仕方


2003/08/09
XML
カテゴリ: カテゴリ未分類


【IE限定![フィルタ]】

  今回も前回同様フィルタのタグを画像に入れまして、特殊効果を設定してみましょう。

  フィルタ(filter)とは、Internet Explorerが独自で拡張した機能のことです。
  ですから、Netscape には対応していません。

  また、IE 4.0 IE 5.5 以上のブラウザに表示可能ですが、
  IE 5.5 で表示可能なフィルタでは DirectX を必要とします。

  このフィルタは前回【プチ講座】 「飾り文字を書く」 で紹介したタグと基本的には同じです。



F-102

  ←この画像で色々な特殊効果の設定を[filter]
  を使いましてやってみましょう。

  では、画像を「グレースケール」で表示してみましょう。





  「グレースケール」では、このように
  モノクロ写真のような効果を表現できます。
  このタグを書いてみましょう。

<IMG SRC=" ~画像のURL~ " style="filter: gray() ">




    お判りでしょうか!(*^^)v
    では、次に画像をX写真のように表示してみましょう。


  X線フィルタをかけるとこのようになります。
  このタグを書いてみましょう。

<IMG SRC=" ~画像のURL~ " style="filter: xray() ">




    次は、画像の色を反転してみましょう。
白色 黄色 青色 水色
    といったように処理が行われます。


  画像の色を反転しますとこのようになります。
  このタグはこうなります。

<IMG SRC=" ~画像のURL~ " style="filter: invert() ">






  ウェーブをかけてみましょう。
  波を打ったような効果を表現できます。

<IMG SRC=" ~画像のURL~ " style="filter: wave(freq=4,strength=10,add=0) ">





    strength=10 が「波の振幅」です。
    IE 4.0 ではうまく表示できない事があります。
    「,」半角のコンマが楽天では全角に変換されますから、
    更新しますと、表示されなくなります。



  画像をぶれたように表示します。
  strength=50 はブレの強さです。

<IMG SRC=" ~画像のURL~ " style="filter: blur(strength=50) ">





    【IE5.5限定】
    ここからはIE5.5以上が必要です。(DirectX)

    画像をグレースケールでエンボス加工(凸凹で浮かび上がったような加工)
    をしたように表示します。


  浮き出したように表示します。
  bias=0.8 は浮き上がるたかさです。(-1.0~1.0)

<IMG SRC=" ~画像のURL~ " style="filter: progid:DXImageTransform.Microsoft.Emboss(bias=0.8) ">





    次も画像をグレースケールで彫り込んだように表示します。


  彫り込んだように表示します。
  bias=0.8 はへこむ深さです。(-1.0~1.0)

<IMG SRC=" ~画像のURL~ " style="filter: progid:DXImageTransform.Microsoft.Engrave(bias=0.8) ">





    フィルタのタグを画像に入れまして、特殊効果を設定してみました。(*^^)v
    皆さんも色々挑戦して見て下さい。
    ではでは・・・ε=ε=ε=(┌ ̄)┘ダッシュ!(*^_^*)



【プチ講座メニュー】 は←こちらから!

【お知らせ】楽天OFF会の参加を募っております。↓こちらのバナーをクリックすると詳細が分かります。


モックンFamily







お気に入りの記事を「いいね!」で応援しよう

Last updated  2004/10/12 05:31:06 PM
コメント(8) | コメントを書く


■コメント

お名前
タイトル
メッセージ
画像認証
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


Re:【画像に特殊効果を設定するⅡ】(8/9)  
こんにちは!
台風は、去っていきましたが、庭木が傾いたり、木の葉っぱが散乱していて、後片付けが大変です。

タグで画像処理ソフトの役目を果たすのですね。
グレースケールとか・・・
また、次回にチャレンジしてみますね。 (2003/08/09 05:22:45 PM)

Re:【画像に特殊効果を設定するⅡ】(8/9)  
meiakira  さん
明日から、↓お留守なんですか~!
留守の間も、お邪魔しちゃいますね(*^_^*)

台風、大丈夫でしたか・・今日で良かったです~

特殊効果って、おもしろそうですね。。
タグで、あんなにいろんな事が出来るなんて・・・
早速、保存させていただきますφ(・_・”)メモメモ
ありがとうございま~すm(__)m
(2003/08/09 09:17:41 PM)

Re:【画像に特殊効果を設定するⅡ】(8/9)  
UEKO・f★  さん
あろはの旦那さんとこでお見かけしましたので~~ハハハ

お元気ですか~~輪が広がってますね~ウフ(^_^)/~
また勉強するときはお世話になりますね~ヨロシクデス★
(2003/08/09 09:46:07 PM)

Re:【画像に特殊効果を設定するⅡ】(8/9)  
meiakira  さん
オ~~ッ!
トップのサザンの写真がぁ~~・・
昨日教えて頂いた、色の反転ですね~・おもしろいですね(’▽’*)ニパッ

気をつけて行ってきて下さいね~・・
お帰りお待ちしていま~~す(*^_^*) (2003/08/10 08:59:27 AM)

Re:【画像に特殊効果を設定するⅡ】(8/9)  
こんばんは

帰省されているのですね。
ゆっくりしてきてください。

高校野球
熱戦が続きますね。

今日は、楽天軽いです。
毎日このくらい軽いといいですね。

また見に来ます。

(2003/08/10 11:29:08 PM)

Re:【画像に特殊効果を設定するⅡ】(8/9)  
ねモッチ  さん
こんばんわ。ご心配かけました。昔ネモ戻りました。映画はまってるです。 (2003/08/11 11:03:44 PM)

Re:【画像に特殊効果を設定するⅡ】(8/9)  
こんばんは

帰省お疲れさまです。

高校野球は、熱戦が続いていますね。
私のところの代表は12日に試合があります。
楽しみです。

また見に来ます。



(2003/08/11 11:11:49 PM)

Re:【画像に特殊効果を設定するⅡ】(8/9)  
こんにちは

こちらも雨です。

甲子園は雨から曇りになってきています。

智弁和歌山に負けましたが、まずまずの試合でした。

これから天気がよくなって試合ができるといいですね。

また見に来ます。


(2003/08/12 10:45:00 AM)

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

PR

×

Profile

gtone

gtone

Calendar


© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: