CSS 構文 transition(変化)

背景
投稿者投稿者marineいいね4お気に入り登録2
プレイ回数879難易度(3.7) 438打 英語 英字
css 3 暗記用です
transitionで動きのあるコンテンツを演出しよう♪

関連タイピング

  • CSS MyTiping

    CSS MyTiping

    CSSでよく使うプロパティのタイピング

    プレイ回数64
    英語長文584打
  • TypeMaster94

    TypeMaster94

    全文字タイピング練習(108文字×100問,2分間ランダム)

    プレイ回数478
    英語長文120秒
  • 全記号数字タイピング

    全記号数字タイピング

    全記号数字タイピング練習(108文字×100問,2分間ランダム)

    プレイ回数1003
    英語長文120秒
  • 記号練習用

    記号練習用

    記号練習

    プレイ回数1749
    英語長文332打
  • 7行テトリス

    7行テトリス

    ブラウザで動くテトリスのコーディングです。

    プレイ回数2315
    長文532打
  • Reactタイピング

    Reactタイピング

    Reactを使いこなそう

    プレイ回数1005
    英語長文407打

問題文

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

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

◆コメントを投稿

※誹謗中傷、公序良俗に反するコメント、個人情報の投稿、歌詞の投稿、出会い目的の投稿、無関係な宣伝行為は禁止です。削除対象となります。

※このゲームにコメントするにはログインが必要です。

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

marineのタイピング

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

タイピング練習講座 ローマ字入力表 アプリケーションの使い方 よくある質問

人気ランキング

注目キーワード