【新サービスリリースのお知らせ】CSSで変形を制御する、transform(トランスフォーム)ジェネレーター!
サービスURLはこちら
https://front-end-tools.com/generateTransform/
英語版はこちら
https://front-end-tools.com/en/generateTransform/
CSSのtransformのジェネレーターをリリースいたしましたので、こちらの使い方の動画を配信しています。
このジェネレーターでは、
・translate(移動)
・rotate(回転)
・scale(伸縮。拡大・縮小)
・skew(歪み)
をするためのコードを生成することができ、
2D / 3Dの制御をおこなうことができます。
表示サンプルも平面と立方体の2種類を用意しているほか、X,Y,Z軸の可視化もすることができます。
また、
・transform-origin(回転軸)
・perspective(パース。視点)
・perspective-origin(消失点)
をシミュレートすることも可能です。
https://front-end-tools.com/generateTransform/
英語版はこちら
https://front-end-tools.com/en/generateTransform/
CSSのtransformのジェネレーターをリリースいたしましたので、こちらの使い方の動画を配信しています。
このジェネレーターでは、
・translate(移動)
・rotate(回転)
・scale(伸縮。拡大・縮小)
・skew(歪み)
をするためのコードを生成することができ、
2D / 3Dの制御をおこなうことができます。
表示サンプルも平面と立方体の2種類を用意しているほか、X,Y,Z軸の可視化もすることができます。
また、
・transform-origin(回転軸)
・perspective(パース。視点)
・perspective-origin(消失点)
をシミュレートすることも可能です。