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/03

 
XML
カテゴリ:カテゴリ未分類


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

  今回はフィルタのタグを画像に入れまして、特殊効果を設定してみましょう。
  
  フィルタ(filter)とは、Internet Explorerが独自で拡張した機能のことです。
  ですから、Netscape には対応していません。
 
  また、IE 4.0 IE 5.5 以上のブラウザに表示可能ですが、
  IE 5.5 では DirectX を必要とします。

  このフィルタは前回【プチ講座】「飾り文字を書く」で紹介したタグと基本的には同じです。
  前回は<FONT>にフィルタのスタイルシートを入れました。
  今回は<IMG SRC>の中に入れて見ましょう。
 

    F-102
  
  ←この画像で色々な特殊効果の設定を[filter]
  を使いましてやってみましょう。
 
  では、まず半透明のフィルタをかけて見ます。

 
  
    

  このようになります。
  これは50%透明化しております。
  
  これのタグを書きますと↓こうなります。

 
 
    

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


    style="filter: alpha(opacity=50) のところが[フィルタ]のスタイルシートです。
    (opacity=50) の部分で透明度を指定します。0~100.数字が小さくなりますと
    透明度が増します。
    (opacity=50)50の数値を変えてみましょう。
    (opacity=25) (opacity=75) ではどのように現れるでしょうか?
 
            
    (opacity=25)          (opacity=50)          (opacity=75)
 
    お判りでしょうか!(*^^)v
    では、次に半透明にする「形状」(STYLE)を指定してみましょう。
 
    

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


 
    style="filter: alpha(style=1~3) の部分の1~3 を1or2or3と変えますと
    形状が変化します。

    1)は右端から半透明になります。
    2)は放射線状になります。
    3)は長方形に半透明になります。
 
    では表示してみましょう。
 
            
     (style=1)            (style=2)            (style=3)
 
    お判りでしょうか。(*^^)v
    今回はここまで。
    次回も画像の特殊効果をやって見ますね。
 
                 
 
                 こんな事も出来ます。(^_-)-☆
                 ではでは!次回をお楽しみに!(*^_^*)




            【プチ講座メニュー】は←こちらから!
 
 
 【お知らせ】楽天OFF会の参加を募っております。↓こちらのバナーをクリックすると詳細が分かります。
 
 
                       モックンFamily 
   







Last updated  2004/10/12 05:07:01 PM
コメント(18) | コメントを書く


PR

Profile


gtone

Calendar


Copyright (c) 1997-2020 Rakuten, Inc. All Rights Reserved.