スタイルシート画像処理

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


© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: