HTML*TIPS

画像の加工vo2

 画像の加工をしてみよう
まず加工する画像を用意します。ここではこの画像を使ってみます。

&ltIMG src="画像のアドレス" width="画像の幅" height="画像の高さ" style="filter: alpha(style=★)">
★ のところに

1 線形
2 円形
3 長方形

☆1の場合☆

☆2の場合☆

☆3の場合☆

 モノトーン???

&ltIMG src="画像のアドレス" width="画像の幅" height="画像の高さ" style="filter : gray()">

はな

 にじませる

&ltIMG src="画像のアドレス" style="filter: Blur(strength=20);">


 画像の色、彩度、明度を反転

&ltIMG src="画像のアドレス" style="filter: Invert();">

 画像にエックス線をあてたような効果

&ltIMG src="clip-s1.gif" style="filter: Xray();">




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