ドットインストール - 3分動画でマスターできるプログラミング学習サービス

• Q1

  次のコードを書いた場合の、.box の挙動は？

  .box {
    width: 80px;
    height: 80px;
    background: pink;
    transition: transform 1s, border-radius 1s;
  }
  
  .box:hover {
    transform: translateX(100px);
    border-radius: 50%;
  }

  • その場で丸くなる
  • 移動してから、丸くなる
  • 丸くなってから、移動する
  • 移動しながら丸くなる

  プレミアムプランに登録すると
  ミニクイズで理解度をチェックできます

  プレミアムについて詳しくみる

このレッスンの問題を報告する