css tansform

投稿者パンサーfkプレイ回数560
難易度(4.0) 693打 長文 英字タグcss transform html
自分用transform まとめ
順位 名前 スコア 称号 打鍵/秒 正誤率 時間(秒) 打鍵数 ミス 問題 日付
1 地蔵 3637 D+ 3.9 93.1% 176.5 693 51 24 2021/10/24
2 t 3043 E++ 3.2 95.0% 215.9 693 36 24 2021/10/23
3 いわお 1512 G++ 1.8 85.9% 383.5 693 113 24 2021/10/14

関連タイピング

問題文

ふりがな非表示 ふりがな表示

(transform-origin:left top;)

基点transform-origin:50%50% 0;初期値

(transform:translate(10px,10px))

2D 移動 translateX()translateY()

(rotate(10deg))

2D 回転

(scale(1,1.1))

2D 伸縮 scaleX() scaleY()

(skew(10deg);)

回転 skewX()skewY() 2番目を省くとskewX()と同じ

(transform:matrix(1,0,0,1,0,0);)

1,4縮尺2,3傾斜5,6移動1,3,5水平2,4,6垂直

(transform-style:preserve-3d;)

3Dpreserve-3d 親要素に指定 flat

(perspective:800px;)

親要素に指定

(perspective-origin:right bottom;)

親要素perspective-origin:

(transform:perspective(200px))

子要素

(translate3d(20px,20px,20px))

3D transformZ() 移動

(rotate3d(1,2,3,60deg))

3DrotateX()rotateY()rotateZ()回転turn

(scale3d(1,2,3);)

3d scale3d scaleZ()

(backface-visibility:hidden;)

rotateX()rotateY()rotateZ()と併用

(transition:transform 2s linear 0.5s;)

transition

(transition-property:transition-duration:)

transition

(transition-timing-function:transition-delay:)

transition

(animation:name 2s ease 1s 3 alternate both paused;)

animation

(animation-name:animation-duration:)

animation

(animation-timing-function:ease-in;)

liniear ease-in-out steps(4,end)

など

(animation-delay:animation-iteration-count:infinite;)

animation

(animation-direction:normal;)

向きnormal reverse alternate-reverse

(animation-fill-mode:forwards;)

none forwards backwards

(animation-play-state:running;)

paused;

問題文を全て表示 一部のみ表示 誤字・脱字等の報告

◆コメントを投稿

※誹謗中傷、公序良俗に反するコメント、歌詞の投稿、宣伝行為は禁止です。

※ランキング登録した名前で投稿されます。

※コメントは日本語で投稿してください。

※歌詞のコメントは著作権侵害となります。投稿しないでください!