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

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

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

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

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

border-radius (角丸)
border-radiusプロパティは「角丸」を指定する場合に使用します。
html
<div class="square_border_radius"></div>
css
.square_border_...

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

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