CSS3是在CSS2的基礎(chǔ)上進(jìn)行了擴(kuò)展，并增加了許多新的特性。下面我們將通過一個(gè)簡單的入門案例來介紹CSS3的基本用法。

首先，我們先在HTML文件中添加以下內(nèi)容：

<div class="box"></div>

接下來，在CSS文件中添加以下代碼：

.box {
width: 100px;
height: 100px;
background-color: red;
border-radius: 50%;
}

上面的代碼中，我們?yōu)?box類添加了寬度、高度、背景顏色和圓角的屬性。其中border-radius屬性是CSS3新增的，可以讓我們創(chuàng)建圓角效果。

接著，我們?cè)贖TML文件中添加以下內(nèi)容：

<div class="box2"></div>

然后，在CSS文件中添加以下代碼：

.box2 {
width: 100px;
height: 100px;
background-color: blue;
box-shadow: 10px 10px 5px grey;
}

上面的代碼中，我們?yōu)?box2類添加了寬度、高度、背景顏色和陰影的屬性。其中box-shadow屬性也是CSS3新增的，可以讓我們創(chuàng)建陰影效果。

最后，在HTML文件中添加以下內(nèi)容：

<div class="box3"></div>

然后，在CSS文件中添加以下代碼：

.box3 {
width: 100px;
height: 100px;
background-color: green;
transition: width 1s, height 1s;
}
.box3:hover {
width: 200px;
height: 200px;
}

上面的代碼中，我們?yōu)?box3類添加了寬度、高度、背景顏色和過渡效果的屬性。其中transition屬性也是CSS3新增的，可以讓我們創(chuàng)建過渡效果。當(dāng)鼠標(biāo)懸停在.box3上時(shí)，寬度和高度會(huì)逐漸變大。

以上就是一個(gè)簡單的CSS3入門案例，希望可以幫助大家更好地了解CSS3的基本用法。