<html> <head> <title> 7月12日期限課題 </title> <link rel="stylesheet" href="0712.css"> </head> <body> <h1> 第十回課題 </h1> <br> <p class="kage"> ボックスシャドウ </p> <p> box-shadow: 箱に影を入れることができる。<br> transform: rotate; 回転させることができる。<br> </p> <p class="textkage"> テキストシャドウ </p> <p> text-shadow: 文字に影をつけることができる。<br> </p> <br> <br> <br> <br> <br> <br> <br> <br> <p class="anime">アニメーション</p> <p> マウスオーバーするとアニメーションが動くようになっています。<br> Transition: 開始時と終了時における状態を指定する。<br> rotate: 回転させる。 </p> </body> </html>