CSS3

CSS関数

skew()

[Edge]○。→●、mdn

2D傾斜。

2つの<angle>は、2D 傾斜：ax、ay を意味する。1つの<angle>の場合は、axを意味し、ay は省略されax＝0と見なされる。

skew() は、互換性の理由から存在し、新たな内容には利用されるべきでない。代わりに skewX()／skewY() を利用するように。skew() のふるまいは、skewX() と skewY() の積とは異なることに注意。

<IMG src="Com/Picture.jpg" style="
 transform:skew(30deg);
">

<IMG src="Com/Picture.jpg" style="
 transform:skew(0, 10deg);
">

<IMG src="Com/Picture.jpg" style="
 transform:skew(30deg, 10deg);
">

関連

skew()、skewX()、skewY()。

transform。

テスト