transformプロパティ | 「アニメーション」カテゴリー

transformとは？

　状態:確認中 　閲覧数:2,624 　投稿日:2015-01-20 　更新日:2015-01-20

要素の変形方法を指定するCSSプロパティ
・transformプロパティの値には、4種類の関数を指定可能

「transformプロパティ」の値として指定可能な関数名

関数名	機能
translate	平行移動。移動量はpxを付けてピクセル単位で指定
scale	拡大縮小。拡大率を1.0を基準として指定
rotate	回転。回転する角度をdegを付けて度で指定。3D TransformsモジュールではX軸、Y軸を軸に回転するrotateX、rotateYも使用可能
skew	ゆがみ。ゆがめる角度をdegを付けて指定
matrix	行列を使用した変形を実施

番号	内容	投稿日
1	mann	2015-02-12
	コメント件数 … 1件

順位	ページタイトル抜粋	％
1	transformプロパティ	93
2	resizeプロパティ	56
3	transitionプロパティ／ animationプロパティ	52
4	positionプロパティのrelative指定は、デフォルトではない	45
5	font-family設定	44
6	font-size	43
7	Bookmark Sentry	41
8	Bootstrap 3	40
9	Bootstrap 4	40
10	Potrace	38
11	Awesome Screenshot	38
12	Bookmarks clean up	38
13	さよならBootstrap	37
14	Bootstrap３系テーマ／テンプレート	37
15	Bootstrap4系テーマ／テンプレート	37
16	Web Components	36
17	「CSSプロパティ」書く順番	36
18	IrfanView	35
19	Bootstrap v2.3.1	33
20	spacer.gif	33
	2026/5/18 5:49 更新

順位

ページタイトル抜粋

％

2026/5/18 5:49 更新

順位	ページタイトル抜粋	アクセス数
1	Design 0	8
2	「属性」「プロパティ」「アトリビュート」の違い \| CSS	6
3	RGBの種類／ビットカラー \| RGB(色)	5
4	Chromeでmhtml保存を選択できなくなったので、拡張機能「Save Page State」を導入 \| Chrome 拡張機能	4
5	Fireworks で背景画像透明化 \| Fireworks CS3(Fireworks)	3
5	画像縦横比の問題 \| 画像	3
5	鉄道会社毎のカラーコード \| カラーコード(色)	3
5	ICCプロファイル \| カラーマネージメント(色)	3
5	CSS 「id」「class」名に関する調査履歴 1 \| 命名規則(コーディングルール)	3
5	textareaのスクロールバーが横へはみ出す場合は、「box-sizing:border-box;」を指定する \| CSS	3
5	金融機関ブランドカラー／コーポレートカラー \| カラーコード(色)	3
5	HSV → RGB 計算方式の違い \| 色変換(色)	3
5	アイコン \| 3系(Bootstrap)	3
5	ドロワーメニューが表示されない理由 \| モバイルデザイン(デザイン)	3
6	「Google Chrome」ブックマークをフォルダー単位で、「ドメイン毎」「追加日昇降順」に並べ替える拡張機能「Sortmark」 \| Chrome 拡張機能	2
6	Dreamweaverで、「サイトを管理」登録しているサイトの、デフォルトの「ファイル」 -　「開く」 - パス設定 \| Dreamweaver8(Dreamweaver)	2
6	MediBang Paint \| ソフトウェア	2
6	１	2
6	同系色を探す \| 配色(色)	2
6	フォントカテゴリー	2
	2026/5/18 5:05 更新

順位

ページタイトル抜粋

アクセス数