5/23 講義メモ スマホサイト
キャンバスタグは jsで図形を掛ける。
5/23 講義メモ スマホサイト 線・円・楕円
線を描く
<rect width="100%" height="100%" fill="red" />
大文字は絶対座標
小文字は相対座標
アフターエフェクト
<rect width="100%" height="100%" fill="red" />
5/17 講義メモ スマホサイト
css3 色の指定
透明度の指定が出来る。
background-color: rgba(赤,緑,青,透明);
box-shadow
box-shadowプロパティは、ボックスに1つまたは複数の影をつける際に使用します。
border-radius
border-radiusプロパティは、ボックスの4つのコーナーの角丸をまとめて指定する際に使用します。それぞれの角丸コーナーは4分の1楕円になりますが、楕円の形状は、水平方向と垂直方向の2つの半径の組み合わせで決定されます。
outline-offset
アウトラインは、デフォルトではボーダーのすぐ外側に描かれますが、 outline-offsetプロパティを使用すると、ボーダーから離してオフセット表示することができます。
tranceform
transformプロパティのrotate()、rotateX()、rotateY()、rotateZ()、rotate3d()は、要素を回転表示する際に使用します。 transform-originプロパティを同時に指定することで、回転の中心を指定することができます。
transition:効果(時間的変化)をまとめて指定する。
gradient
background に指定することで、ボックスの背景色を線形にグラデーションに指定する値です。
(※ブラウザによって記述方法が変わりますので注意が必要です。)
5/16 講義メモ スマホサイト
フルードグリッド
メディアクエリー