11/20
解像度はPCとスマホで違う
サイトを作る場合は最低解像度の320に合わせるのではなく640で作る(retinaディスプレイの場合1280)
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)など
何番目と指定できる