101日目 | web制作

本日は…

■午前中はテスト
10問･･･
答えは
1.header
2.section
3.article
4.aside
5.nav
6.placeholder
7.autofocus
8.require
9.figure
10.ブレークポイント
おそらく。たぶん。そして順不同。

その後、レスポンシブサイトをひとつ作る。

■午後はanimation

img {
  animation-name:anime1;/*必須　キーフレーム名*/
  animation-duration:2s;/*アニメーション1回分の時間の長さ*/
  animation-timing-function: ease;/*アニメーションのタイミング*/
  animation-delay:.2s;/*アニメーションがいつ始まるかを指定*/
  animation-iteration-count: infinite;/*アニメーションの繰り返し回数*/
  animation-direction:alternaite;/*アニメーションを反転再生させるかどうかを指定*/
}
@keyframes anime1 {
  0%{transform: rotate(0deg);}
  100%{transform:rotate(360deg);}
}

基本的な項目は扱えるようになっておくと便利

※上記はショートハンドで指定できる値
例の通りに書くとくるっと回ってまた戻る。

■桜の花びらを降らせる
…ひらひらしない(~_~;)
どうにかしたいので保留。