cssの基本的な記述についてのサンプルです。

transform: rotate (要素の回転)
マウスを乗せてくださいtransform:rotateプロパティは「要素の回転」を指定する場合に使用します。html<divclass="square_transform_rotate"></div>css/*四角形 回転*/.square...

radial-gradient (円形グラデーション)
radial-gradientプロパティは「円形グラデーション」を指定する場合に使用します。html<divclass="square_radial_gradation"></div>css.square_radial_gradation{...

linear-gradient (線形グラデーション)
linear-gradientプロパティは「線形グラデーション」を指定する場合に使用します。html<divclass="square_gradation"></div>css.square_gradation{width:100px;he...

box-shadow (影)
box-shadowプロパティは「ボックス要素に影」を指定する場合に使用します。html<divclass="square_box_shadow"></div>css.square_box_shadow{width:100px;height...

border-radius (角丸)
border-radiusプロパティは「角丸」を指定する場合に使用します。html<divclass="square_border_radius"></div>css.square_border_radius{width:100px;hei...

border (枠線)
borderプロパティは「枠線」を指定する場合に使用します。html<divclass="square_border"></div>css.square_border{width:100px;height:100px;background-...

background-color (背景色)
background-colorプロパティは「背景色」を指定する場合に使用します。html<divclass="square"></div>css.square{width:100px;height:100px;background-col...