１級 / 平成26年度(2014) 第3回試験
問31
次の HTML に CSS が適用された場合、実現されるものはどれか。適切なものを以下より 1 つ選択しなさい。
[html]
[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)]
[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;
}