CSS 構文 アニメーション

投稿者marine プレイ回数209
CSS 3 暗記用です。
スタイルシートで本格的なアニメーションが作れる!!
すごいっす。。
順位名前スコア称号打鍵/秒正誤率時間(秒)打鍵数ミス問題日付
1 Affa 3913 スペシャリスト! 4.0 97.0% 220.5 890 27 27 2020/04/04
2 mh 2709 すごいね! 2.8 94.6% 310.0 890 50 27 2020/06/13
3 nori@ホドホ 2686 すごいね! 2.7 96.1% 317.9 890 36 27 2020/07/07

関連タイピング

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

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

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

プレイ回数9151
長文302打
HTML5+CSS3

HTML5+CSS3

HTML5とCSS3を学ぼう

プレイ回数18732
長文869打
プログラマー的タイピングマスターの道:上級①

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

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

プレイ回数2785
長文記号289打
HTML&CSS

HTML&CSS

HTML&CSSを忘れないために

プレイ回数108
英語長文759打
JavaScript 構文  変数・定数・関数

JavaScript 構文 変数・定数・関数

JavaScriptの暗記用です 

プレイ回数1277
英語長文1158打
CSS打ち

CSS打ち

(2020.7.6更新)CSSで使う単語で練習します!

プレイ回数645
英語60秒

問題文

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

(@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;

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

◆コメントを投稿

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

marineのタイピング

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

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

人気ランキング

注目キーワード