CSS3

◎divをアンカー(aタグ)で囲むことがポイント

◎opacity
 要素の透明度を指定できる
 0.1〜1.0で指定
 数字が小さいほど透明で1.0になると完全に不透明になる


◎transform:scale(,)

 要素を拡大、縮小表示できる
 (,)内の左にx座標、右にy座標の値を入れる


◎transition:transform
 
 cssでアニメーション要素をつける
 このあとに秒数を設定することで何秒でその動きをするか設定できる
 追加で設定できる↓
 
ease → 開始と終了を滑らかに(初期値) = cubic-bezier(0.25, 0.1, 0.25, 1.0)
linear → 一定 = cubic-bezier(0.0, 0.0, 1.0, 1.0)
ease-in → ゆっくり開始 = cubic-bezier(0.42, 0, 1.0, 1.0)
ease-out → ゆっくり終了 = cubic-bezier(0, 0, 0.58, 1.0)
ease-in-out → ゆっくり開始、ゆっくり終了 = cubic-bezier(0.42, 0, 0.58, 1.0)アニメーションの動作方法3次ベジェ曲線のP1とP2を (x1, y1, x2, y2) で指定


◎E:nth-child(n) …… n番目の子となるE要素
  擬似クラスとひとつ(last-childやfirst-child)など
  何番目と指定できる