Warning: count(): Parameter must be an array or an object that implements Countable in /home/xs638785/agile-software.site/public_html/wp-content/plugins/rich-table-of-content/functions.php on line 490
transformプロパティを使用すると要素を移動、回転、変形することができる。
scale
scale(n)で要素をn倍に拡大できます。
transform:scale(2);
transform:scale(0.5,2);
transform:scaleX(0.5); 横方向のみ指定
transform:scaleY(2); 縦方向のみ指定skewX,sewY
角度を指定して要素を傾斜させる。
transform:translate(70px);
transform:translate(20px,10px);
transform:translateX(70px); 横方向のみ指定
transform:translateY(70px); 縦方向のみ指定translate
指定した値分要素を移動させます。
transform:translate(70px);
transform:translate(20px,10px);
transform:translateX(70px); 横方向のみ指定
transform:translateY(70px); 縦方向のみ指定rotate
角度を指定し要素を回転させる
