CSS3是Web前端開發中不可或缺的技術之一，它提供了很多實用的新屬性和特效。下面，我們將通過實驗來了解CSS3中常用的一些屬性。

首先，我們來看看CSS3中的盒模型屬性box-sizing，它可以讓開發者更精確地控制元素的大小。

.box {
box-sizing: border-box; 
width: 200px; 
height: 200px; 
padding: 20px; 
border: 10px solid #000;
}

在上面的代碼中，我們將盒模型屬性設置為border-box，這樣元素的寬高就會包括padding和border的大小。

接下來，我們來嘗試使用CSS3中的動畫屬性animation，它可以讓我們創建出美觀動人的動畫效果。

.box {
width: 200px;
height: 200px;
background-color: #f00;
animation: rotate 1s ease-in-out infinite;
}
@keyframes rotate {
0% { transform: rotate(0deg); }
50% { transform: rotate(180deg); }
100% { transform: rotate(360deg); }
}

在上面的代碼中，我們創建了一個名為rotate的動畫，在動畫中，我們使用了transform屬性來旋轉元素，然后通過animation屬性將動畫應用到元素上，設置動畫時長為1秒，緩動函數為ease-in-out，并且循環播放。

最后，我們來看看CSS3中的漸變屬性gradient，它可以讓我們創建出漸變色的效果。

.box {
width: 200px;
height: 200px;
background: linear-gradient(to right, #f00, #00f);
}

在上面的代碼中，我們使用了linear-gradient屬性來定義漸變，to right表示從左到右漸變，#f00和#00f分別表示起始和結束顏色。

通過以上實驗，我們了解了CSS3中一些常用屬性的用法和效果，這些屬性可以讓我們在Web開發中更加靈活地控制元素樣式和動畫效果，提高用戶體驗。