CSS 構文 アニメーション
CSS 3 暗記用です。
| 順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | mh | 3934 | スペシャリスト！ | 3.9 | 99.2% | 224.4 | 890 | 7 | 27 | 2026/05/10 |
関連タイピング
-
英数と記号を混ぜた文章です
プレイ回数1235 英語長文1468打 -
javaやpythonのコードを打つタイピングです
プレイ回数1327 長文60秒 -
プログラミングタイピング
プレイ回数1542 英字60秒 -
全文字タイピング練習(108文字×100問,2分間ランダム)
プレイ回数5027 英語長文120秒 -
コマンドラインやプログラミング言語のタイピング練習用
プレイ回数3284 英語長文90秒 -
競技プログラミングに特化したc++コードのタイピングです。
プレイ回数3704 英語長文300秒 -
プログラミングの魅力についての長文です。
プレイ回数41 長文1119打 -
Javaプログラミングにおける超入門タイピング練習です．
プレイ回数5047 短文英字90秒
問題文
ふりがな非表示
ふりがな表示
(@keyframes name-1{from{color:lime;}to{color:red;}})
@keyframes name-1{from{color:lime;}to{color:red;}}
(animation-name:name-1;)
animation-name:name-1;
(animation-duration:5.5s;)
animation-duration:5.5s;
(animation-timing-function:linear;)
animation-timing-function:linear;
(animation-timing-function:ease;)
animation-timing-function:ease;
(animation-timing-function:ease-in;)
animation-timing-function:ease-in;
(animation-timing-function:ease-out;)
animation-timing-function:ease-out;
(animation-timing-function:ease-in-out;)
animation-timing-function:ease-in-out;
(animation-timing-function:step-start;)
animation-timing-function:step-start;
(animation-timing-function:step-end;)
animation-timing-function:step-end;
(animation-timing-function:steps(5,start);)
animation-timing-function:steps(5,start);
(animation-timing-function:steps(6,end);)
animation-timing-function:steps(6,end);
(animation-timing-function:cubic-bezier(x,y,xx,yy);)
animation-timing-function:cubic-bezier(x,y,xx,yy);
(animation-delay:1s;)
animation-delay:1s;
(animation-iteration-count:1;)
animation-iteration-count:1;
(animation-iteration-count:infinite;)
animation-iteration-count:infinite;
(animation-direction:normal;)
animation-direction:normal;
(animation-direction:reverse;)
animation-direction:reverse;
(animation-direction:alternate;)
animation-direction:alternate;
(animation-direction:alternate-reverse;)
animation-direction:alternate-reverse;
など
(animation-fill-mode:none;)
animation-fill-mode:none;
(animation-fill-mode:forwards;)
animation-fill-mode:forwards;
(animation-fill-mode:backwards;)
animation-fill-mode:backwards;
(animation-fill-mode:both;)
animation-fill-mode:both;
(animation:name-1 5s ease 1s infinite reverse both;)
animation:name-1 5s ease 1s infinite reverse both;
(animation-play-state:paused;)
animation-play-state:paused;
(animation-play-state:running;)
animation-play-state:running;