前の問題次の問題

次の HTML に CSS が適用された場合、実現されるものはどれか。適切なものを以下より 1 つ選択しなさい。

[html]

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>FOO</title>
<link href="default.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrap">
 <div id="header">
 <h1>FOO</h1>
 </div>
</div>
</body>
</html> 

[CSS(default.css)]
@charset "utf-8";
body {
 background-color: #FFF;
 margin: 0px;
 padding: 0px;
}
h1 {
 margin: 0px;
}
#wrap {
 width: 1000px;
}
#header {
 height: 200px;
}
@keyframes doMove {
0% {
 margin-top: 0px;
 margin-right: 0%;
}
100% {
 margin-top: 100px;
 margin-right: 90%;
}
}
h1 {
 animation-name: doMove;
 animation-duration: 5s;
 animation-iteration-count: infinite;
}

選択肢 1

h1 要素が 5 秒間で右上から左下に移動するアニメーション

選択肢 2

h1 要素が 5 秒間で上から下に移動するアニメーション

選択肢 3

h1 要素が 5 秒間で左から右に移動するアニメーション

選択肢 4

アニメーションは動作しない

解答

正解
2
解説
この問題は解説を募集しております。
ログインすると解説を投稿できます。
個人メモ(他のユーザーからは見えません)
メモを残すにはログインが必要です
コメント一覧
  • まだコメントがありません
※ コメントには[ログイン]が必要です。