cssの基本的な記述についてのサンプルです。
cssの基本 transform: rotate （要素の回転）
マウスを乗せてください
transform: rotateプロパティは「要素の回転」を指定する場合に使用します。
html
<div class="square_transform_rotate"></div>...
cssの基本 radial-gradient （円形グラデーション）
radial-gradientプロパティは「円形グラデーション」を指定する場合に使用します。
html
<div class="square_radial_gradation"></div>
css
.squ...
cssの基本 linear-gradient （線形グラデーション）
linear-gradientプロパティは「線形グラデーション」を指定する場合に使用します。
html
<div class="square_gradation"></div>
css
.square_gra...
cssの基本 box-shadow （影）
box-shadowプロパティは「ボックス要素に影」を指定する場合に使用します。
html
<div class="square_box_shadow"></div>
css
.square_box_shad...
cssの基本 border-radius （角丸）
border-radiusプロパティは「角丸」を指定する場合に使用します。
html
<div class="square_border_radius"></div>
css
.square_border_...
cssの基本 border （枠線）
borderプロパティは「枠線」を指定する場合に使用します。
html
<div class="square_border"></div>
css
.square_border {
width: 100px...
cssの基本 background-color （背景色）
background-colorプロパティは「背景色」を指定する場合に使用します。
html
<div class="square"></div>
css
.square {
width: 100px;
...