<!DOCTYPE html>
<html lang="ja">
<head>
<title>課題２</title>
<link rel="stylesheet" href="./kadai2.css">
</head>
<body>
<p>
animation<br>
animationは、@keyframeとセットで使うプロパティ<br>
animationは、動きを表現する。@keyframesは、どんなアニメーションにするか指定できる。<br>
</p>
<div class="animation">animation
</div>
<p>
box-decoration-break<br>
ボックスが改ページなどによって、断片化した時、どのように表示するか指定できる。<br>
</p>
<div class="box_sample block_clone">
block_clone<br>
要素のフラグメントごとに装飾される<br>
</div>
<p>
flex<br>
flexは、ブロックを並べることができる。<br>
</p>
<div class="f-container">
<div class="f-item">1</div>
<div class="f-item">2</div>
<div class="f-item">3</div>
</div>
<p>影付き文字</p>
</body>
</html>
