スタイルシート画像処理
画像の加工も出来るよ
| 処理内容 | 画像 | タグ style="赤い部分を変更して下さい" |
|---|---|---|
|
処理なし
|
 |
<IMG SRC="画像のアドレス"> |
|
丸い輪の感じ
|
|
<IMG SRC="画像のアドレス style="positiom:absolute;filter:alpha(style=2)" > |
|
左右で違う感じ
|
|
style="positiom:absolute;filter:alpha(style=1)" |
|
放射線の感じ
|
|
style="positiom:absolute;filter:alpha(style=3)" |
|
透明度
|
|
STYLE="FILTER:ALPHA(OPACITY=70)" |
|
にじませる
|
|
STYLE="FILTER:BLUR(STRENGTH=30ADD=true)" |
|
影をつける
|
|
STYLE="FILTER:DROPSHADOW(COLOR=#FFAAFF)" |
|
左右反転
|
|
STYLE="FILTER:FLIPH()" |
|
上下反転
|
|
STYLE="FILTER:FLIPV()" |
|
位置と重なりを指定
|
文字の下に画像が置けます 透過処理も加えてあるんだよ |
position:relative; left:-50px;top:-40px;FILTER:ALPHA(OPACITY=50) ;z-index:-1 *注意*この方法は画像の大きさの分スペースがあくんだよね余りお薦めできない |
HTML Editor For My Friends に装備されてます
© Rakuten Group, Inc.
