CSS 構文 transition（変化）
css 3 暗記用です
transitionで動きのあるコンテンツを演出しよう♪
| 順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | mh | 4138 | スペシャリスト！ | 4.2 | 97.1% | 102.7 | 438 | 13 | 13 | 2026/05/28 |
関連タイピング
-
自作のハンバーガーメニューを作成しましょう！
プレイ回数4245 英語長文721打 -
ウェブプログラミング言語のタイピング練習ができます。
プレイ回数2万 長文2819打 -
C言語を用いた記号・数字のタッチタイピング練習です。
プレイ回数2830 英語長文220打 -
通信基礎２
プレイ回数59 長文986打 -
英数と記号を混ぜた文章です
プレイ回数617 英語長文1468打 -
公開されている実践的な javascript プログラムです
プレイ回数1182 英語長文2780打 -
HTML＆CSSを忘れないために
プレイ回数3万 英語長文759打 -
競技プログラミングに特化したc++コードのタイピングです。
プレイ回数3622 英語長文300秒
問題文
ふりがな非表示
ふりがな表示
(transition-property:height,width;)
transition-property:height,width;
(transition-duration:2s;)
transition-duration:2s;
(transition-timing-function:linear;)
transition-timing-function:linear;
(transition-timing-function:ease;)
transition-timing-function:ease;
(transition-timing-function:ease-in;)
transition-timing-function:ease-in;
(transition-timing-function:ease-out;)
transition-timing-function:ease-out;
(transition-timing-function:ease-in-out;)
transition-timing-function:ease-in-out;
(transition-timing-function:step-start;)
transition-timing-function:step-start;
(transition-timing-function:step-end;)
transition-timing-function:step-end;
(transition-timing-function:steps(5,end);)
transition-timing-function:steps(5,end);
(transition-delay:0.5s;)
transition-delay:0.5s;
(transition:transform 2s linear 0.5s;)
transition:transform 2s linear 0.5s;
(transition:width 0.2s,height 0.4s;)
transition:width 0.2s,height 0.4s;