原森情報技術研究所 WEBコンテンツ企画・制作・運営・サポート / 兵庫県 神戸市 明石市 /

Transform ソース作成ツール

ソース作成用データ入力フォーム

項目一覧
表示位置移動
拡大・縮小
回転
傾斜変形
奥行きの深さ
transform-function 一覧:
その他指定
ベンダープレフィックス選択

テキストエリアの各行の文字にinput の checkbox や radio 、labelタグを追加したソースを作成

top > Transform ソース作成ツール

項目タイトル

クリックすると、各項目の値入力フォームが表示されます。

表示位置移動

translateの値入力フォームです。移動のピクセル数を指定します。

拡大・縮小

scaleの値入力フォームです。拡縮の比率を指定します。

回転

rotateの値入力フォームです。回転の角度を指定します。

傾斜変形

skewの値入力フォームです。傾斜の角度を指定します。

奥行きの深さ

perspective の値入力フォームです。深さのピクセル数を指定します。

メッセージ

ラジオボタンを選択してください。
2D3D各軸個別についてのメッセージです。

チェックボックスを選択してください。
…各軸個別を選択時に表示されます。XYZd 等の表示されたチェックボックスについてのメッセージです。

【入力支援】

【入力支援】にあるリンクボタンをクリックすると、フォームに文字が入力され、フォーカスがフォームに来るようになっています。
フォーム内の入力値を消したい場合は をクリックします。

決定

値入力後、決定ボタンをクリックで入力フォームが閉じ、「transform-function」一覧に設定した項目が表示されます。

閉じる

[ 閉じる ] ボタンをクリックで新規作成・変更等を行わずに入力フォームを閉じます。

値の変更・削除

「transform-function」一覧にある項目ボタンを2回クリックすると、値変更フォームが表示されます。このフォームで値の変更や削除が行えます。

変更…再度入力された値に変更します。

削除…この項目を削除します。

値の並び替え

「transform-function」一覧にある項目ボタンをクリックし、別の項目ボタンをクリックすると、順番が入れ替わります。

ベンダープレフィックス

チェックを入れると、ベンダープレフィックスが頭に付いたソースが追加されます。

入力内容で作成

クリックすると、フォームに入力された内容でソースが出力されます。

全入力を初期化

クリックすると、フォームの入力等を初期化します。

出力ソースを全選択

クリックすると、出力されたソースを全選択状態にします。(ので、コピーしてどっかに貼りつけます)

出力ソース表示のテキストエリア

[入力内容で作成]をクリックすると、ソースが表示されます。

初期状態は「ここにソースが表示されます」の文字が表示されています。

コピーライト

Copyright © Haramori Laboratory of Information Technology 2015 All rights reserved.

update 2015.05.08
HELP1 HELP2 HELP3 HELP4 HELP5
カテゴリMENU
お問い合せ