CSS 構文 transform (変形)

投稿者marine プレイ回数240
難易度(3.5) 1146打 英語 英字 タグcss 暗記用 プログラミング transform
css 3 暗記用です。
要素の移動・拡大・縮小・傾斜・回転や立体的な表現もできるtransformプロパティー♪
animationとセットで使いこなせるようになりたいですね〜。
順位名前スコア称号打鍵/秒正誤率時間(秒)打鍵数ミス問題日付
1 hakushak 4130 スペシャリスト! 4.4 92.7% 255.9 1146 89 42 2020/06/24
2 oga 2326 頑張ったね! 2.4 95.2% 468.0 1146 57 42 2020/05/17
3 mh 1976 頑張ったね! 2.1 93.4% 539.3 1146 80 42 2020/06/25
4 nori@ホドホ 1881 頑張ったね! 2.0 94.0% 570.3 1146 73 42 2020/06/12

関連タイピング

C#タイピング

C#タイピング

C#プログラマ向けタイピング

プレイ回数3845
英字60秒
プログラマー的タイピングマスターの道:初級①

プログラマー的タイピングマスターの道:初級①

タイピングをマスターしたい方向けの問題です。

プレイ回数9019
長文302打
JavaScript 構文  変数・定数・関数

JavaScript 構文 変数・定数・関数

JavaScriptの暗記用です 

プレイ回数1247
英語長文1158打
HTML5+CSS3

HTML5+CSS3

HTML5とCSS3を学ぼう

プレイ回数18686
長文869打
右手タイピング完全攻略(超難)

右手タイピング完全攻略(超難)

日本語・英語・特殊記号全て、右手タイピング制覇をしたい人。

プレイ回数1942
1247打
プログラマー的タイピングマスターの道:初級②

プログラマー的タイピングマスターの道:初級②

タイピングをマスターしたい方向けの問題です。

プレイ回数2265
長文英字276打

問題文

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

(transform-style:flat;)

transform-style:flat;

(transform-style:preserve-3d;)

transform-style:preserve-3d;

(perspective:500px;)

perspective:500px;

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

transform:translate(10px,20px);

(transform:translateX(30%);)

transform:translateX(30%);

(transform:translateY(-40px);)

transform:translateY(-40px);

(transform:translateZ(50px);)

transform:translateZ(50px);

(transform:translateZ(-60px);)

transform:translateZ(-60px);

(transform:translate3d(70%,80%,-90px);)

transform:translate3d(70%,80%,-90px);

(transform:rotate(0.5turn);)

transform:rotate(0.5turn);

(transform:rotate3d(1,2,3,10deg);)

transform:rotate3d(1,2,3,10deg);

(transform:rotateX(-0.8turn);)

transform:rotateX(-0.8turn);

(transform:rotateY(10deg);)

transform:rotateY(10deg);

(transform:rotateZ(10deg);)

transform:rotateZ(10deg);

(transform:scale(0.5,1);)

transform:scale(0.5,1);

(transform:scaleX(1.5);)

transform:scaleX(1.5);

(transform:scaleY(2);)

transform:scaleY(2);

(transform:scaleZ(2.5);)

transform:scaleZ(2.5);

(transform:scale3d(3,3.5,4);)

transform:scale3d(3,3.5,4);

(transform:skewX(30deg);)

transform:skewX(30deg);

など

(transform:skewY(40deg);)

transform:skewY(40deg);

(transform:skew(-10deg,-20deg);)

transform:skew(-10deg,-20deg);

(transform:translate3d(10px,20px,30px) rotateY(40deg);)

transform:translate3d(10px,20px,30px) rotateY(40deg);

(transform-origin:2px;)

transform-origin:2px;

(transform-origin:bottom;)

transform-origin:bottom;

(transform-origin:left 2px;)

transform-origin:left 2px;

(transform-origin:right top;)

transform-origin:right top;

(transform-origin:right top;)

transform-origin:right top;

(transform-origin:2px 30% 10px;)

transform-origin:2px 30% 10px;

(transform-origin:left 5px -3px;)

transform-origin:left 5px -3px;

(transform-origin:right bottom 20px;)

transform-origin:right bottom 20px;

(transform-origin:50% 50% 0;)

transform-origin:50% 50% 0;

(perspective-origin:50% 50%;)

perspective-origin:50% 50%;

(perspective-origin:left top;)

perspective-origin:left top;

(perspective-origin:top;)

perspective-origin:top;

(perspective-origin:right top;)

perspective-origin:right top;

(perspective-origin:left;)

perspective-origin:left;

(perspective-origin:right;)

perspective-origin:right;

(perspective-origin:left bottom;)

perspective-origin:left bottom;

(perspective-origin:bottom;)

perspective-origin:bottom;

(perspective-origin:right bottom;)

perspective-origin:right bottom;

(perspective-origin:200% -200%;)

perspective-origin:200% -200%;

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

◆コメントを投稿

※公序良俗に反するコメントや、他者を中傷するようなコメントはしないでください。
※このゲームにコメントするにはログインが必要です。

marineのタイピング

オススメの新着タイピング

タイピング練習講座 ローマ字入力表

人気ランキング

注目キーワード